JQuery отключить кнопку включения, выпадающий выбор

Question

У меня есть выпадающее меню, и я хочу отключить/включить кнопку на моей странице, когда выбрано определенное значение. Он работает во всех браузерах, но IE7 и ниже. Есть ли работа?

Код:

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

//Start Buttons 
     $(".nextbutton").button({ disabled: true }); 
     (".nextbutton").click(function() { $("#phonetypeform").submit() }); 

//Enable Next Step 
    $('.enablenext').click(function(){ 
      $(".nextbutton").button("enable"); 
       }); 

//Disable Next Step 
    $('.disablenext').click(function(){ 
      $(".nextbutton").button("disable"); 
       }); 

}); 
</script> 

<form> 
     <select name="porting-p1"class="dropdown"> 
<option value="" class="disablenext">Please select an option...</option> 
<option value="1" class="enablenext">I want to keep my current phone number</option> 
<option value="2" class="enablenext">I want to choose a new number</option> 
     </select> 

</form> 

<button class="nextbutton">Next Step</button> 

Answer 1

Вы пробовали

$(".nextbutton").attr("disabled", "disabled"); 

и

$(".nextbutton").removeAttr("disabled"); 

?

НТН

Answer 2

IE7 не кажется, как событие щелчка на <option> тегов.

Вот короткий demo, который должен работать для вас, используя событие change().

$(document).ready(function() { 

    $(".nextbutton").button({ disabled: true }); 

    $('.dropdown').change(function() { 
     if ($('.dropdown').val() == 0) { 
      $(".nextbutton").button({ disabled: true }); 
     } else { 
      $(".nextbutton").button({ disabled: false }); 
     } 
    }); 

});