jQuery - wyłącz / włącz wybrane opcje
Potrzebuję pomocy z jquery, jeśli warunek. Szukałem i testowałem przez wiele godzin, każda pomoc byłaby świetna !!! Dostaję ten kod 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>
a ta funkcja 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');
});
}
Jestem początkującym w jquery i nie wiem, czy ten kod jest napisany poprawnie, ponieważ nie działa.
Problemem jest:
Gdy wartość wejściowa jest mniejsza niż 3, wybierz opcję w select2 jest taka sama jak w select1, a pozostałe opcje w select2 są wyłączone. Gdy wartość wejściowa jest większa niż 3, opcje w select1 i select2 są włączone.
Pozdrawiam, dziękuję za przeczytanie tego postu dla początkujących jquery ...