Выбор опции из одного раскрывающегося списка заполняет другие поля ввода
Я пытаюсь выяснить, как заполнить другие теги определенным текстом после выбора из выпадающего списка.
Так что, если выпадающий и еще один ниже под ним, должно произойти следующее. Когда вы выбираете «A» из dropDown1, dropDown2 должен заполняться «Вы выбрали A». Если вы выбираете «B», dropDown2 должен сказать «Вы выбрали B». То же самое касается "C"
Вот пример кода ниже.
<html>
<body>
<form>
<select id="dropDown1">
<option value = "A">A</option>
<option value = "B">B</option>
<option value = "C">C</option>
</select>
<select id="dropDown2">
<option value="You chose A">You chose A</option>
<option value="You chose B">You chose B</option>
<option value="You chose C">You chose C</option>
</select>
</form>
</body>
</html>
Любая помощь будет принята с благодарностью. Если бы вы могли показать какой-то код, который был бы потрясающим, или если бы вы могли указать мне правильное направление, где я смогу найти ответ, который был бы потрясающим.