Обработка select

К
На сайте с 05.11.2016
Offline
0
672

Есть два select.

Как осуществить, чтобы второй появлялся только после того как в первом выбрали любое значение?

<select name='sel1'>

<optiont value='val1'>раз</option>

<optiont value='val2'>два</option>

<optiont value='val3'>три</option>

</select>

<select name='sel2'>

<optiont value='val4' >раз</option>

<optiont value='val5'>два</option>

<optiont value='val6'>три</option>

</select>

S
На сайте с 30.09.2016
Offline
469
#1

А Вы специально написали "optiont" чтобы мы тут башку ломали? А вообще, именно в такой постановке вопроса, задача, например, решается так:

<select name='sel1' onchange="sel2.style.display='block'">
<option value='val1'>раз</option>
<option value='val2'>два</option>
<option value='val3'>три</option>
</select>

<select name='sel2' style="display: none;">
<option value='val4' >раз</option>
<option value='val5'>два</option>
<option value='val6'>три</option>
</select>
А дальше - творите в том же направлении, в зависимости от нюансов.
Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.
К
На сайте с 05.11.2016
Offline
0
#2

Время позднее, все дела, не заметил ошибки.

Копипастнул, не работает код. При выборе, второе поле не появляется.

Samail
На сайте с 10.05.2007
Offline
369
#3

Коршун, name='sel2' на id='sel2' поменяйте.

S
На сайте с 30.09.2016
Offline
469
#4
Samail:
Коршун, name='sel2' на id='sel2' поменяйте.

А я и не заметил😡. В IE проверил и успокоился. По-хорошему, надо бы ещё и document.getElementById('sel2').style.display написать, но вроде и sel2.style.display работает.

К
На сайте с 05.11.2016
Offline
0
#5

Благодарю всех.

---------- Добавлено 05.11.2016 в 13:35 ----------

А господа.

onchange="getRow(this)" на первом селекте уже стоит такая штуковина.

Как вбить еще одно действие?

---------- Добавлено 05.11.2016 в 13:43 ----------

onchange="getRow(this);sel2.style.display='block'"

Сделал так

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