Je suis un technicien engagé dans le développement frontal. La boîte déroulante est l'élément de page que nous utilisons plus. Aujourd'hui, je parlerai de quelques exemples de l'événement d'enregistrement des boîtes déroulants en fonction des problèmes rencontrés dans les travaux réels. J'espère que ce sera utile à tout le monde.
La copie de code est la suivante:
<select name = "" id = "sel">
<Option Value = "111"> 1 </ Option>
<Option Value = "222"> 2 </ Option>
<Option Value = "333"> 3 </ Option>
</lect>
Ce qui précède est un code de boîte déroulant à choix unique très simple. Si nous voulons obtenir la valeur correspondante en cliquant sur l'option déroulante, le code général est le suivant:
La copie de code est la suivante:
var sel = document.getElementById ("sel");
Var Option = sel.options;
pour (var i = 0; i <option.length; i ++) {
option [i] .onclick = function () {
alert (this.text); // Obtenez la valeur du texte de l'option déroulante
alert (this.value); // Obtenez la valeur de l'option déroulante
}
}
Le code ci-dessus ne peut pas produire l'effet attendu ci-dessous IE9 et Chrome, et est efficace sur Firefox. Dans ce cas, il n'est pas recommandé de lier les événements de clic sur l'option Option. Il est recommandé d'utiliser des événements de changement à la place, car le changement est général et essentiellement c'est le changement.
La copie de code est la suivante:
var sel = document.getElementById ("sel");
sel.onchange = function () {
alert (sel.options [sel.selectedIndex] .Value);
}
Ce qui précède est tout sur cet article, j'espère que vous l'aimez.