Al seleccionar una opción de un menú desplegable, se completan otros campos de entrada

Question

Apr 14, 2015, 07:25 PM

jquery html css drop-down-menu javascript

Al seleccionar una opción de un menú desplegable, se completan otros campos de entrada

Estoy tratando de descubrir cómo llenar otras etiquetas con un texto específico después de seleccionar desde un menú desplegable.

Entonces, si el menú desplegable y otro menú desplegable debajo de él, debería ocurrir lo siguiente. Cuando elige "A" de dropDown1, dropDown2 debe rellenarse con "Usted eligió A". Si elige "B", dropDown2 debería decir "Usted eligió B". Lo mismo va para "C"

Aquí hay un código de muestra a continuación.

<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>

Cualquier ayuda sería muy apreciada. Si pudieras mostrar algún código que sea increíble o si pudieras señalarme en la dirección correcta donde puedo encontrar la respuesta que sería increíble.