如何启用下拉列表是检查另一个下拉列表

时间:2015-05-09 15:36:06

标签: jquery

我搜索了我的问题的决定。我找到了一些东西,但是当我尝试它时,它没有用。 我需要从第一个下拉列表中选择用户,然后启用下一个下拉列表。否则,如果他没有从第一次下拉列表中选择,则下一次下拉列表将被禁用。 这就是我的尝试:



  $(document).ready(function() {
          $('#region').click(function() {
            if ($('#region').attr('checked')) {
          
              $( "#school" ).selectmenu( "enable" );
            } else {
              
              $( "#school" ).selectmenu( "disable" ); 
            }
       });
      });

<select name='region'   id='region'>
  <option value="<?php echo set_select('gender'); ?>">Choose region</option>
     <option value="Region 1" >Region 1</option>
  <option value="Region 2" >Region 2</option> 
  </select>

<select name='school'   id='school'>
  <option value="<?php echo set_select('gender'); ?>">Choose school</option>
     <option value="School 1" >School 1</option>
  <option value="School 2" >School 2</option> 
  </select>
&#13;
&#13;
&#13;

现在,当用户未从第一个下拉列表区域中选择时,它未被禁用。 请问怎么做? :)

1 个答案:

答案 0 :(得分:1)

尝试这样的事情:

$(function() { // Shorthand for $(document).ready(
    $('#region').change(function() {
        if($("#region").val() == "")
            $("#school").prop("disabled", true);
        else
            $("#school").prop("disabled", false);
    });
});

请注意,您应将“选择区域”选项的值更改为“”或将第3行的“”更改为默认值。