Disable widgets while loading the cities for the selected state

jllorencetti · Jul 3, 2017 · ec6f6f0 · ec6f6f0
1 parent 408fa21
commit ec6f6f0
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/pets/static/js/pets.js b/pets/static/js/pets.js
@@ -18,17 +18,17 @@ $(document).ready(function () {
         var stateWidget = $(this);
         var cityWidget = $('#id_city');
 
-        stateWidget.addClass('disabled');
-        cityWidget.addClass('disabled');
+        stateWidget.prop('disabled', true);
+        cityWidget.prop('disabled', true);
         cityWidget.find('option').remove();
         $.get('/api/cities/?limit=1000&state=' + stateWidget.val(), function (data) {
             cityWidget.append(new Option('------------', ''));
             $.each(data['results'], function (idx, city) {
                 cityWidget.append(new Option(city.name, city.code));
             });
         }).done(function () {
-            cityWidget.removeClass('disabled');
-            stateWidget.removeClass('disabled');
+            cityWidget.prop('disabled', false);
+            stateWidget.prop('disabled', false);
         });
     });