Стоит задача связать 2 селекта с помощью javascript так, что-бы выполнялись следующие условия:
1. если в селекте 1 выбрано 3, во втором выбирается option
со значением 3 и доступны к выбору option
1, option
2, option
3. option
0 - недоступен к выбору.
2. если в селекте 1 выбрано 2, во втором выбирается option
со значением 2 и доступнен к выбору option
1 и option
2, option
0 и option
3 - недоступены к выбору.
3. если в селекте 1 выбрано 1 - во втором селекте выбирается option
1, остальные не доступны к выбору.
4. если в селекте 1 выбрано 100 - во втором селекте выбирается option
0, остальные не доступны к выбору.
Задачка вроде бы не сложная, но что-то не выходит....
При выборе 100 в первом, во втором дуступны как 0, так и 1...
function roomsSincGuest(param1, param2) {
return function (event) {
var value = param1.value;
var options = param2.options;
var optionsLength = options.length;
for (var i = 0; i < optionsLength; i++) {
options[i].disabled = true;
if (+options[i].value === 0 && +value === 100) {
options[i].selected = true;
options[i].disabled = false;
}
if (options[i].value < value && +options[i].value !== 0) {
options[i].disabled = false;
}
if (options[i].value === value) {
options[i].selected = true;
options[i].disabled = false;
}
}
};
}
var first = document.querySelector('#first');
var second = document.querySelector('#second');
first.addEventListener('change', roomsSincGuest(first, second));
<form>
<select id="first" name="first">
<option value="1" selected="">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="100">100</option>
</select>
<select id="second" name="second">
<option value="3" selected="" >3</option>
<option value="2" >2</option>
<option value="1">1</option>
<option value="0">0</option>
</select>
</form>