A seleção de uma opção em uma lista suspensa preenche outros campos de entrada
Estou tentando descobrir como preencher outras tags com um texto específico depois de selecionar em uma lista suspensa.
Portanto, se o menu suspenso e outro abaixo dele, o seguinte deve acontecer. Quando você escolhe "A" em dropDown1, dropDown2 deve preencher com "Você escolheu A". Se você escolher "B", o dropDown2 deverá dizer "Você escolheu B". O mesmo vale para "C"
Aqui está um código de exemplo abaixo.
<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>
Qualquer ajuda seria muito apreciada. Se você pudesse mostrar algum código que fosse incrível ou se pudesse me indicar a direção certa, onde eu encontraria a resposta que seria incrível.