Я техник, занимающийся фронтальным развитием. Раскрывающееся поле-это элемент страницы, который мы используем больше. Сегодня я расскажу о некоторых примерах регистрационного события раскрывающейся коробки на основе проблем, возникших в реальной работе. Я надеюсь, что это будет полезно для всех.
Кода -копия выглядит следующим образом:
<select name = "" id = "sel">
<значение опции = "111"> 1 </option>
<значение опции = "222"> 2 </option>
<vitue value = "333"> 3 </option>
</select>
Выше приведено очень простой код раскрывающегося ящика с одним выбором. Если мы хотим получить соответствующее значение, нажав на раскрывающуюся опцию, общий код заключается в следующем:
Кода -копия выглядит следующим образом:
var sel = document.getElementbyId ("sel");
var option = sel.options;
for (var i = 0; i <option.length; i ++) {
опция [i] .onclick = function () {
Alert (this.Text); // Получить текстовое значение опции раскрываемого.
Alert (this.value); // Получить значение раскрывающейся опции
}
}
Приведенный выше код не может дать ожидаемый эффект ниже IE9 и Chrome и эффективен на Firefox. В этом случае не рекомендуется привязывать события нажимать на опцию. Вместо этого рекомендуется использовать события изменений, потому что изменения являются общими, а по сути это изменение.
Кода -копия выглядит следующим образом:
var sel = document.getElementbyId ("sel");
sel.onchange = function () {
Alert (sel.options [sel.selectedIndex] .value);
}
Выше приведено в этой статье, надеюсь, вам понравится.