在下拉列表1中选择某个内容后启用第二个下拉列表

时间:2015-07-30 06:23:56

标签: javascript jquery html

我正在尝试在 <system.web> <customErrors mode="On" redirectMode="ResponseRewrite"> <error statusCode="404" redirect="~/PageNotFound.aspx"/> </customErrors> </system.web> <system.webServer> <httpErrors errorMode="Custom"> <remove statusCode="404"/> <error statusCode="404" path="/PageNotFound.html" responseMode="ExecuteURL"/> </httpErrors> </system.webServer> 中选择某些内容时启用我的第二个dropdown。默认情况下,它被禁用。

Here's我正在努力解决的问题。

dropdown 1

请帮忙

2 个答案:

答案 0 :(得分:1)

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

&#13;
&#13;
<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>
&#13;
#rr-1
{
  margin-top:15px !important; 
}
&#13;
&#13;
&#13;

答案 1 :(得分:1)

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

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

});

正在使用 DEMO