Как сделать связанные select?

Question

[White_Bambie]

Доброго времени суток! Имеется select, три массива и ещё один select

<select name=“one”>Первый
<option value=“1”>1</option>
<option value=“2”>2</option>
<option value=“3”>3</option>
</select>

var arr1 = new Array(“1.1”,1.2”,1.3”);
var arr2 = new Array(“2.1”,2.2”,2.3”);
var arr3 = new Array(“3.1”,3.2”,3.3”);

<select name=“two”>Второй</select>
Необходимо, чтобы при выборе в select 1, в select 2 вставлялись варианты из одного из массивов, которые привязаны к вариантам select 1.

Answer 1

[Арсений Матыцин]

1. По событию onchange первого берешь его значение и ищешь данные для второго.
2. Вставляешь.

Будет проще, если ты массивы обернешь в еще один массив, тогда не придется использовать интерполяцию для извлечения переменных.

Ну или создаешь заранее несколько «вторых» списков и показываешь по ключу первого.

Если нет желания углубляться в JS и взаимоотношения с DOM, можешь на каком-нить фреймворке типа Vue набросать. Там это раз плюнуть.