Здравствуйте, уважаемые девелоперы.
Измучал себе все мозги, перерыл тонны страниц гугла, ну никак не могу решить такую задачу:
есть два <select>:
<select id="1">
<option>A</option>
<option>B</option>
</select>
<select id="2">
<option>C</option>
<option>D</option>
</select>
и один <input>, который будет скрыт:
<input type="text" name="title" />
Хочу сделать так, чтобы значения обоих селекторов передавались в текстовое поле. Например, выбираем в первом селекторе
A, а во втором
B, в поле появляется
A B, которое можно уже отправить на сервер.
Добавил в оба селектора,
<select onchange="parentNode.getElementsByTagName('input')[0].value=value">
но это работает только для одного селектора.
Прошу вашей помощи, ибо в JS я ноль.