Здравствуйте!
Подскажите как сделать блокировку значения выпадающего списка?
Предположим в первом select выбираем значение 5, а во втором блокируем значение 3.
От чего зависит блокировка указывается вручную.
Имеем следующее:
<form id="IDForm">
<select id="test1" class="ser_art" name="test1">
<option value="5">5</option>
<option value="4">4</option>
<option value="3">3</option>
<option value="2">2</option>
</select>
<select id="test2" class="ser_art" name="test2">
<option value="5">5</option>
<option value="4">4</option>
<option value="3">3</option>
<option value="2">2</option>
</select>
</form>
jQuery( "select" ).selectmenu();
jQuery( "#IDForm select" ).selectmenu({
change: function( event, ui ) {
// тут блокировка
// тут рефреш
}
});
Думаю в документации нашел, то что нужно:
$( ".selector" ).selectmenu( "option", "disabled", true );, но мне не удается правильно применить. Как должна правильно выглядеть указанная функция (если она верна) применимо к указанному коду?
UPD:
Пока сделал так.
jQuery('#IDForm #test2 option[value="6"]').attr('disabled', 'disabled');
jQuery('#IDForm #test2').selectmenu('refresh');