Tengo una lista desplegable que se ve así:
<select id="cityID"> <option value="mission">Mission</option> <option value="bakersfield">Bakersfield</option> <option value="knoxville">Knoxville</option> </select>Y mi código para obtener el valor es:
var select = document.getElementById('cityID'); var text = select.options[select.selectedIndex].text; text.innerHTML = cityID.value; text.onchange = function(e) { text.innerHTML = e.target.value; }El valor siempre elige el primer elemento. ¿Cómo puedo hacer que acepte el cityID y cambie la página?
Estoy seguro de que es un formato, un error tipográfico o un valor incorrecto.
var select = document.getElementById('cityID'); var textEl = document.getElementById("text") text.innerHTML = select.value; select.onchange = function(e) { textEl.innerHTML = e.target.value; } <select id="cityID"> <option value="mission">Mission</option> <option value="bakersfield">Bakersfield</option> <option value="knoxville">Knoxville</option> </select> <p id="text"></p>También puede lograr esto usando addEventListener.
var select = document.getElementById('cityID'); var textEl = document.getElementById("text") select.addEventListener("change", (e) => { textEl.innerText = e.target.value; })