Entonces, tengo un cuadro combinado hecho en HTMl.
https://i.stack.imgur.com/5W6kt.png
Código HTML:
<div> <select name="cars" id="cars"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="mercedes">Mercedes</option> <option value="audi">Audi</option> </select> </div> Ahora, lo que debo hacer es asignar una ID a la etiqueta <div> y definir un evento en el cuadro combinado que llamará a una función en el código JS. Esta función necesita verificar el valor seleccionado de <div> (cuadro combinado) y escribirlo en HTML interno, así:
https://i.stack.imgur.com/Fxbv0.png
Sé que este es probablemente un trabajo fácil, pero soy un principiante, no me pongas duro :D.
Edito: SOLUCIONADO!
HTML:
<!doctype html> <html> <head> <script type="text/javascript" src="script.js"></script> <meta charset="utf-8"> <title>Untitled Document</title> </head> <body> <select id="box1" onChange="function1(this);"> <option value="">Volvo</option> <option value="">Fiat</option> <option value="">Seat</option> <option value="">Audi</option> </select> <div id="div1"></div> </body> </html>JS:
function function1(element) { var text = element.options[element.selectedIndex].text; document.getElementById("div1").innerHTML = "Selection is: " + text; }Cada elemento en HTML tiene una identificación es una variable en JS
cars.onchange = function(e){ car.innerText = cars[cars.selectedIndex].value; } <select name="cars" id="cars"> <option value="">Select a Car</option> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="mercedes">Mercedes</option> <option value="audi">Audi</option> </select> selection is: <span id='car'></span>