<div class="form-dropdown"> <select value="" aria-labelledby="timeWindows_label" aria-invalid="false" aria-required="true" aria-describedby="timeslot-error" class=" form-dropdown-select" id="timeWindows"> <option value="8-12:30-12:45">12:30 – 12:45</option> <option value="8-12:45-13:00">12:45 – 13:00</option> <option value="8-13:00-13:15">13:00 – 13:15</option>Me gustaría seleccionar la opción por js, pero falló.
Usé document.getElementById('timeWindows').value = '8-12:30-12:45', devuelve un error (la franja horaria no está seleccionada)
También usé document.getElementById('timeWindows')[1].selected = true, sigue siendo el mismo.
Se ha cambiado la opción mostrada, pero el código devuelve un error y nada ha cambiado.
El código erróneo está debajo
<div class=" is-error form-dropdown"> <select value="" aria-labelledby="timeWindows_label" aria-invalid="true" aria-required="true" aria-describedby="timeslot-error" class=" form-dropdown-select" id="timeWindows"> <option value="8-12:30-12:45">12:30 – 12:45</option> <option value="8-12:45-13:00">12:45 – 13:00</option> <option value="8-13:00-13:15">13:00 – 13:15</option>Este es el ejemplo exitoso cuando uso el mouse para hacer clic en la opción.
<div class="form-dropdown"> <select value="8-12:45-13:00" aria-labelledby="timeWindows_label" aria-invalid="false" aria-required="true" aria-describedby="timeslot-error" class=" form-dropdown-select" id="timeWindows"> <option value="8-12:30-12:45">12:30 – 12:45</option> <option value="8-12:45-13:00" selected="true">12:45 – 13:00</option> <option value="8-13:00-13:15">13:00 – 13:15</option>También encontré el error de intervalo de tiempo en la fuente, pero no sé a qué se refiere el código.
"timeSlotNotSelectedError":{"microEvents":[{"key":"eVar25","value":"transaction.co.fulfillment.timeslot.error.timeslot_not_selected","slot":"Pickup"}]},Mira este jsfiddle: https://jsfiddle.net/zhuhang95/wjgra9fL/3/
Su código funciona bien en jsFiddle. Asegúrate de usar este método para cambiar la opción:
document.getElementById('timeWindows').selectedIndex = 0;Si su código se ve exactamente igual, pero aún recibe el error, entonces el problema está en otra parte de su código.
Más información sobre cómo seleccionar la opción usando JS: https://stackoverflow.com/a/7373115/6122411