jQuery - отключить / включить опции выбора
Мне нужна помощь с JQuery, если условие. Я искал и тестировал в течение нескольких часов, любая помощь была бы отличной !!! Я получаю этот код HTML:
<label id="label1" for="date_from">Value:</label>
<input value="" />
<select id="select1" name="select1">
<option>No Match</option>
<option value="1">Test</option>
<option value="2">Test 2</option>
<option value="3">Test 3</option>
</select>
<select id="select2" name="select2">
<option>No Match</option>
<option value="1">Test</option>
<option value="2">Test 2</option>
<option value="3">Test 3</option>
</select>
и эта функция JQuery:
if ( $('#label1').val() < 3 ) {
$('select').change(function() {
$('#select1, #select2').not(this)
.children('option[value=' + this.value + ']')
attr('disabled', true)
.siblings().removeAttr('disabled');
});
}
else {
$('select').change(function() {
$('#select1, #select2').not(this)
.children('option[value=' + this.value + ']')
.attr('disabled', false)
.siblings().removeAttr('disabled');
});
}
Я новичок в jquery, и я не знаю, правильно ли написан этот код, потому что он не работает.
Проблема в:
Если входное значение меньше 3, тогда опция выбора в select2 такая же, как в select1, а остальные опции в select2 отключены. Когда входное значение больше 3, тогда опции в select1 и select2 активируются.
С наилучшими пожеланиями, Спасибо за чтение этого поста JQuery новичка ...