Форум Сайтостроение Веб-строительство

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

A
На сайте с 30.06.2013
Offline
119
alexdosson
3529

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

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

В первом:

ВЫБРАТЬ

- тип1

- тип2

- тип3

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

ВЫБРАТЬ

- вид1

- вид2

- вид3

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

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

D
На сайте с 21.03.2016
Offline
10
dmtrplvtsv
#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
369
Samail
#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>

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