Ich bin ein Techniker, der sich mit der Front-End-Entwicklung befasst. Das Dropdown-Feld ist das Seitenelement, das wir mehr verwenden. Heute werde ich über einige Beispiele für das Dropdown-Box-Registrierungsereignis sprechen, das auf den Problemen in der tatsächlichen Arbeit basiert. Ich hoffe, es wird für alle hilfreich sein.
Die Codekopie lautet wie folgt:
<select name = "" id = "sel">
<Option Value = "111"> 1 </Option>
<Option Value = "222"> 2 </Option>
<Option Value = "333"> 3 </Option>
</select>
Das obige ist ein sehr einfacher Dropdown-Box-Code für Einzelauswahl. Wenn wir den entsprechenden Wert erhalten möchten, indem wir auf die Dropdown-Option klicken, lautet der allgemeine Code wie folgt:
Die Codekopie lautet wie folgt:
var sel = document.getElementById ("sel");
var option = sel.options;
für (var i = 0; i <option.length; i ++) {
Option [i] .onclick = function () {
Alert (this.text); // Erhalten Sie den Textwert der Dropdown-Option
Warnung (this.Value); // Erhalten Sie den Wert der Dropdown-Option
}
}
Der obige Code kann nicht den erwarteten Effekt unter IE9 und Chrom erzeugen und sind auf Firefox wirksam. In diesem Fall wird nicht empfohlen, Klickereignisse in der Option Option zu binden. Es wird empfohlen, stattdessen Änderungsereignisse zu verwenden, da Änderungen allgemein und im Wesentlichen Änderungen sind.
Die Codekopie lautet wie folgt:
var sel = document.getElementById ("sel");
sel.onchange = function () {
alert (sel.options [sel.selectedIndex] .Value);
}
Das obige dreht sich alles um diesen Artikel, ich hoffe es gefällt euch.