title: jQuery dropdown select event
body: <p>Is there a specific event for when a user selects an item in a dropdown box? I am creating a fairly large form that uses multiple dropdown boxes. On load all but the first are disabled, as the user selects the first option the options in the second box change using AJAX and I want to remove the attribute disabled.</p>
  
  <pre><code>$('#site_id').on('change', function(event) {
      $('#access_type_id').removeAttr('disabled');
  });
  </code></pre>
  
  <p>The trouble I am having is that <code>.change()</code> seems to be fired when the options in a dropdown change making following dropdown boxes enabled before I actually want them to be. Is there an alternative event I can use in place of change to only "enable" a form field once the user has made their selection in the previous dropdown?</p>
  
  <p><strong>UPDATE</strong></p>
  
  <p>I managed to solve this by not using the change event at all and placing my removeAttr in the success section of my AJAX call. An example is below. This allowed me to make the "next" dropdown enabled at the time as populating its options.</p>
  
  <pre><code>$('#access_speed_id').on('select2-blur', function(event){
      $.ajax({
          async: true,
          data: $('#access_speed_id').serialize(),
          dataType: 'html',
          success: function(data, textStatus) {
              $('#cdr_id').removeAttr('disabled');
              $('#cdr_id').html(data);
          },
          type: 'post',
          url: '/services/specificCdrs'
      });
  });
  </code></pre>