Désactivez la sélection de la liste déroulante pendant l'appel .getjson jquery et la réactivation après avoir terminé

Question

J'ai le code suivant où j'obtiens JSON après avoir cliqué sur une zone de sélection. Parfois, cela prend beaucoup de temps et les utilisateurs cliquent de nouveau sur la liste déroulante pendant le traitement côté serveur. Y a-t-il un moyen de désactiver la liste déroulante pendant l'appel côté serveur et de la réactiver après la fin du traitement?

ici est mon code

<script type="text/javascript"> 
     $(document).ready(function() { 

      $('#userDropdown').change(function() { 
       if (this.selectedIndex != 0) { 
        var URL = "/Users/GetUserJson/" + this.value; 

        $.getJSON(URL, function(data) { 

         var userID = data.UserId; 
         var userColor = data.UserColor; 

         . . . . 

Answer 1

Nerdling suggère que vous cachez la sélection, mais je préfère désactiver simplement, comme vous l'avez dit:

$('#userDropdown').change(function() { 
    // Assign the select in a variable 
    var sel = $(this); 
    if (this.selectedIndex != 0) { 
     // Disable it 
     sel.attr('disabled', 'disabled') 
     var URL = "/Users/GetUserJson/" + this.value; 

     $.getJSON(URL, function(data) { 

      var userID = data.UserId; 
      var userColor = data.UserColor; 

      // Enable it 
      sel.removeAttr('disabled'); 

      ...