javascript - 选择 select n°1 后如何启用禁用的 select n°2？

Question

我在 javascript 代码中做了这个，但它不能完美地工作，默认情况下第二个“选择”完全“禁用”，但我想当我从第一个“选择”中选择一个选项时:第二个将被“启用” “但它不起作用，

这是代码:

// JavaScript Document

  
  var update_select = function () {
    if ($("#edit-field-villes-tid").is(":selected")) {
        $('#edit-field-villages-tid-option-limit').prop('disabled', false);
         
    }else {
        $('#edit-field-villages-tid-option-limit').prop('disabled', 'disabled');
    }
  };
  $(update_select);
  $("#edit-field-villes-tid").change(update_select);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<form  >
  <div class="views-exposed-widgets clearfix">       
           <label for="edit-field-villes-tid">Villes </label>      
 <select id="edit-field-villes-tid" name="field_villes_tid" class="form-select">
     <option value="All" selected="selected">- Any -</option>
     <option value="21">Sousse</option>
     <option value="22">Tunis</option></select>
    <label for="edit-field-villages-tid-option-limit">Villages </label>
<select id="edit-field-villages-tid-option-limit" name="field_villages_tid_option_limit" class="form-select">
     <option value="All" selected="selected">- Any -</option>
     <option value="24">El Zahra</option>
     <option value="23">Sahlool</option>
      </select>                  
      <input class="ctools-use-ajax ctools-auto-submit-click js-hide form-submit" type="submit" id="edit-submit-tunisia" name="" value="Apply">
</div></form>

有人可以帮助我吗？

Answer 1

这对我有用；

<script language='javascript' type='text/javascript'>
    var update_select = function () {
        if ($("#edit-field-villes-tid")[0].selectedIndex > 0) {
            console.log("is selected");
            $('#edit-field-villages-tid-option-limit').prop('disabled', false);
        } else {
            console.log("is NOT selected");
            $('#edit-field-villages-tid-option-limit').prop('disabled', true);
        };
    };
    $(update_select);
    $("#edit-field-villes-tid").on("change", update_select);
</script>

将 IF 检查更改为 [0].selectedIndex > 0 是关键。