Estoy tratando de cambiar la opción seleccionada de una selección, ya lo he intentado de esta manera:
document.getElementById("myselect").value = "1"; and also document.getElementById("myselect").selectedIndex = 1;pero con la primera no funciona, en vez de cambiar a la opción con el valor 1, se va a la última opción del select, y con la segunda no funciona nada. ¿Alguna sugerencia?
Puede usar tanto el value como el índice selectedIndex , pero el uso es diferente, consulte el ejemplo a continuación para comprender cómo usarlos.
const select = document.getElementById("select"); const options = document.querySelectorAll("select option"); // Using selectedIndex document.getElementById("btn").addEventListener("click", () => { const nextIndex = select.selectedIndex + 1; select.selectedIndex = nextIndex % options.length; }); // Using value document.getElementById("orange-btn").addEventListener("click", () => { select.value = "orange"; }); <select value="apple" id="select"> <option value="apple">Apple</option> <option value="mango">Mango</option> <option value="orange">Orange</option> <option value="kiwi">Kiwi</option> </select> <button id="btn">Next Option</button> <button id="orange-btn">Select Orange</button>