Как сделать неактивным тег SELECT?

A
На сайте с 30.06.2013
Offline
119
2465

Есть контактная форма

В ней 2 select - option (2 дропдауна в общем)

В первом:

ВЫБРАТЬ

- тип1

- тип2

- тип3

Во втором дропдауне:

ВЫБРАТЬ

- вид1

- вид2

- вид3

Как сделать так, чтобы если я выбрать в первом дропдауне тип1, то второй дропдаун становится активным и я могу выбрать всё из списка? Но, если я в первом дропдауне выбрал тип2 или тип3, то тогда второй дропдаун становится НЕактивным?

Вот так немного запутанно, но надеюсь на вашу помощь )

D
На сайте с 21.03.2016
Offline
10
#1

<form action="" >
<select id="one">
<option selected disabled>Выбрать</option>
<option value="1">Тип 1</option>
<option value="2">Тип 2</option>
<option value="2">Тип 3</option>
</select>

<select id="two">
<option selected disabled>Выбрать</option>
<option value="1">Вид1</option>
<option value="2">Вид2</option>
<option value="3">Вид3</option>
</select>

</form>

$("#one").on('change', function() {
if ($(this).val() == '2' || $(this).val() == '3'){
$('#two').attr('disabled', 'disabled'); // блокируем второй список если выбран Тип 2 или 3
} else {
$('#two').removeAttr('disabled'); // разблокируем список если выбрат тип 1
}
});

https://jsfiddle.net/tds2peq9/1/

Samail
На сайте с 10.05.2007
Offline
328
#2

<select name="name1" id="name1"  onchange="if (this.value == 1) document.getElementById('name2').removeAttribute('disabled');

else document.getElementById('name2').setAttribute('disabled','disabled');">
<option value="">Выберите</option>
<option value="1">Тип 1</option>
<option value="2">Тип 2</option>
<option value="3">Тип 3</option>
</select>
<select name="name2" id="name2" disabled="disabled">
<option value="">Выберите</option>
<option value="4">Тип 4</option>
<option value="5">Тип 5</option>
<option value="6">Тип 6</option>
</select>

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий