Как передать выбранный option из одного select в другой?

Question

[Sp1keazyYT]

Добрый вечер. Имеется следующий код:

<div class="pb-10 col-md-12">
                        <label>Кровля крыльца/террасы</label>
						<select class="form-control" name="roof_pt" disabled></select>
                    </div>
                    <div class="pb-10 col-md-12">
                        <label>Материал стен</label>
						<select class="form-control" name="wall_mat" onchange="select('wall_mat')">
						  <option>Газобетон без отделки</option>
						  <option>Газобетон с отделкой фасада декоративной штукатуркой</option>
						  <option>Керамический блок с облицовочным кирпичем</option>
						</select>
                    </div>

Как при выборе option в поле "Материал стен" передавать его в select c name="roof_pt" (как будто этот option выбрали ещё в поле "Кровля крыльца/террасы") ?

Answer 1

[coderisimo]

Статья о связанных селектах

Comments

[Sp1keazyYT]

А а моем-то случае как сделать, чтобы в одном select выводился выбранный option из другого select?

[coderisimo]

Sp1keazyYT, ты же так ничему не научишься....
Пример

[Sp1keazyYT]

Василий, спасибо огромное, я как раз учусь на примерах, а этот пример прям подходящий))

[coderisimo]

Sp1keazyYT, надо пробовать найти решение самому, основываясь на подсказках. Иначе собственные скиллы не тренируются.

[Sp1keazyYT]

Василий, учту!

[coderisimo]

Sp1keazyYT, :)
и отметьте ответ решением, может кому-то еще пригодится.

[Sp1keazyYT]

Василий, точно, спасибо!))

Answer 2

[Ruslan]

В событие onchange добавьте:
1. Получение выбранного option
2. Очистка селекта "roof_pt"
3. Добавление option