一旦在下拉菜单1中选择了某些内容，则启用第二个下拉菜单

Question

我试图仅在dropdown 1选择某项时才启用第二个dropdown dropdown 1 。 默认情况下，它是禁用的。

这是我正在尝试的小提琴。

$(document).ready(function() {

   if ($(.test).is(":selected")) { 
      $(".test1").prop("disabled", false);
   } else {
      $(".test1").prop("disabled", true);  
   }   
 }

请帮忙

Answer 1

您可以使用change()事件处理程序来处理更改事件

 $('.test').change(function() { $(".test1").prop("disabled", this.value == -1); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <select class="test"> <option value="-1" selected="selected">Default</option> <option value="1">First</option> <option value="2">Second</option> <option value="3">Third</option> </select> <select class="test1" disabled> <option value="-1" selected="selected">Default</option> <option value="1">First</option> <option value="2">Second</option> <option value="3">Third</option> </select> 

Answer 2

您可以使用change()事件处理程序

$('.test').change(function() {
if(this.value == -1){
      $(".test1").prop("disabled", true);
}else{
    $(".test1").prop("disabled", false);
}

}）;

工作演示