Question

我有一个搜索表单，我在其中使用Materialisecss框架。在这种形式中，我有2个多选择下拉列表，1个用于省份，1个用于区域，当然是动态的，当您选择1个省时，区域被填充或从其他下拉列表中删除。我的问题是两者的第一项都是“所有省/区”的选项，我想在用户选择该选项时清除选择，无论是否有其他省/区选择。

$('#province_select').on('change', function(e) {
  var value = $(this).val();
  var $selectDropdown = $("#district_select")
  $selectDropdown.html(' ');
  $selectDropdown.append($("<option></option>").attr("value", 0).text("All districts"));
  
  $(value).each(function() {
    for (i = 0; i < districts.length; i++) {
      if (districts[i][1] == this) {
        var districtValue = districts[i][2];
        $selectDropdown.append($("<option></option>").attr("value", districts[i][0]).text(districtValue));
      }
    }
  });

  $selectDropdown.trigger('contentChanged');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select multiple="multiple" id="province_select" name="province_select[]">
  <option value="" disabled selected>Provinces</option>
  <option value="0">All Provinces</option>
  <?php printProvincesSelect();?>    
</select>

单击Jquery时清除所选项目

0 个答案: