Sou um técnico envolvido no desenvolvimento do front-end. A caixa suspensa é o elemento de página que usamos mais. Hoje, falarei sobre alguns exemplos do evento de registro da caixa suspensa com base nos problemas encontrados no trabalho real. Espero que seja útil para todos.
A cópia do código é a seguinte:
<select name = "" id = "sel">
<opção value = "111"> 1 </pption>
<opção value = "222"> 2 </pption>
<opção value = "333"> 3 </pption>
</leclect>
O acima é um código suspenso de escolha única muito simples. Se queremos obter o valor correspondente clicando na opção suspensa, o código geral é o seguinte:
A cópia do código é a seguinte:
var sel = document.getElementById ("SEL");
var option = sel.options;
for (var i = 0; i <option.length; i ++) {
opção [i] .OnClick = function () {
alerta (this.Text); // Obtenha o valor do texto da opção suspensa
alerta (this.value); // obtenha o valor da opção suspensa
}
}
O código acima não pode produzir o efeito esperado abaixo do IE9 e do Chrome e é eficaz no Firefox. Nesse caso, não é recomendável vincular eventos de clique na opção. Recomenda -se usar eventos de mudança, porque a mudança é geral e essencialmente é a mudança.
A cópia do código é a seguinte:
var sel = document.getElementById ("SEL");
sel.onchange = function () {
alerta (sel.options [Sel.SelectedIndex] .Value);
}
O exposto acima é tudo sobre este artigo, espero que gostem.