Jquery зависимый селектор

В этой заметке приведу пример как удалить из второго селектора некоторые опции при выборе определённого значения в первом. Таким образом мы получаем некоторое подобие зависимых списков.

HTML

<select id="myselect1">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

<select id="myselectVolvo">
  <option value="740">740</option>
  <option value="940">940</option>
  <option value="240">240</option>
  <option value="340">340</option>
</select>

jQuery

$('#myselect1').change(function(){
  if($(this).val() == 'volvo'){ // or this.value == 'volvo'
    $('#myselectVolvo option:lt(2)').remove();
  }
});