выбрать опцию скрыть JQuery функция не работает в IE

Question

У меня есть два клиента selectbox и период. В клиенте у меня есть две опции 'c6' и 'no client', в поле выбора периода у меня есть опция 'жизненный цикл проекта' и опция 'временное использование'. Я хочу скрыть опцию периода«жизненный цикл проекта», когда я выбираю «нет клиента» в поле выбора клиента.Я пробовал как

$('#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');
  }
});