Soy técnico dedicado al desarrollo frontal. El cuadro desplegable es el elemento de página que usamos más. Hoy, hablaré sobre algunos ejemplos del evento de registro de cuadro desplegable basado en los problemas encontrados en el trabajo real. Espero que sea útil para todos.
La copia del código es la siguiente:
<select name = "" id = "sel">
<opción valor = "111"> 1 </opción>
<opción valor = "222"> 2 </opción>
<opción valor = "333"> 3 </opción>
</select>
El anterior es un código de cuadro desplegable de opción único muy simple. Si queremos obtener el valor correspondiente haciendo clic en la opción desplegable, el código general es el siguiente:
La copia del código es la siguiente:
var sel = document.getElementById ("sel");
opción var = sel.options;
for (var i = 0; i <option.length; i ++) {
opción [i] .Onclick = function () {
alerta (this.text); // Obtenga el valor de texto de la opción desplegable
alerta (this.value); // Obtenga el valor de la opción desplegable
}
}
El código anterior no puede producir el efecto esperado por debajo de IE9 y Chrome, y es efectivo en Firefox. En este caso, no se recomienda vincular los eventos de clic en la opción de opción. Se recomienda usar eventos de cambio, porque el cambio es general y esencialmente es un cambio.
La copia del código es la siguiente:
var sel = document.getElementById ("sel");
sel.onchange = function () {
alerta (sel.options [sel.selectedIndex] .Value);
}
Lo anterior se trata de este artículo, espero que les guste.