Question

我有两个选择框客户和期间。在客户中有两个选项“ c6”和“无客户”，在期间选择框中有“项目生命周期”和“临时使用”选项。我想隐藏期间选项当我在客户选择框中选择“无客户”时，“项目生命周期”。我尝试过

$('#customer_name').on('change', function() {
  if ($('#customer_name').val() == '0') {
    $('#period option[value="2"]').hide();
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<select class="selectpicker default" id="customer_name" tabindex="9" name="account_name">
  <option value="" selected="selected">Select</option>
  <option value="USA_0012">C6</option>
  <option value="0">No Client</option>
</select>
<select class="selectpicker travel_purpose default period" id="period" tabindex="17" name="period">
  <option value="" selected="selected">Select</option>
  <option value="2">Project Life Cycle</option>
  <option value="1">Temporary Use</option>
</select>

这在Firefox和Chrome中有效，但在IE浏览器中无效

Answer 1

使用适用于所有平台的通用代码

$('#customer_name').on('change', function() {
  if ($('#customer_name').val() == '0') {
    $('#period option[value="2"]').css('display','none');
  }
});

选择选项隐藏jquery函数在IE中不起作用

1 个答案: