powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Событие onclick не срабатывает на элементе <option> в <select>
3 сообщений из 3, страница 1 из 1
Событие onclick не срабатывает на элементе <option> в <select>
    #39412795
Фотография Vakho
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Имеется:
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
<select id="selectYEAR">
  <option value="2013">2013</option>
  <option value="2012">2012</option>
  <option value="2011">2011</option>
  <option value="2010">2010</option>
  <option value="2009">2009</option>
  <option value="2008">2008</option>
</select>



При помощи JS к каждой позиции добавляю Event Listener для события onclick:
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
var select = document.getElementById('selectYEAR');

for (i = 0; i < select.options.length; i++) {
if (select.options[i].addEventListener) {
      select.options[i].addEventListener("click", myEventHandler);
    } else if (select.options[i].attachEvent) {
      select.options[i].attachEvent("onclick",  myEventHandler);
   }
}



"Лисонька" щелчек отрабатывает нормально, остальные броузеры (Opera, Chrome, Safari) делают
вид, что ничего не происходит, т.е myEventHandler не запускают.

ОК

Все тоже самое, только в теле цикла сидит:
Код: javascript
1.
select.options[i].setAttribute('onclick', 'myEventHandler(this);');



"Лисонька" щелчек отрабатывает нормально, остальные броузеры (Opera, Chrome, Safari) делают
вид, что ничего не происходит...

Что я делаю не так. Спасибо.
...
Рейтинг: 0 / 0
Событие onclick не срабатывает на элементе <option> в <select>
    #39412808
Фотография Vakho
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Секрет раскрыт !

Нужно так
Код: javascript
1.
2.
3.
4.
5.
6.
7.
var select = document.getElementById('selectYEAR');

if (select.addEventListener) {
      select.addEventListener("change", myEventHandler);
    } else if (select.attachEvent) {
      select.attachEvent("onchange",  myEventHandler);
   }



Поверил утверждению "The Option object also supports the standard properties and events" отсюда . Ну и использовал onclic.
...
Рейтинг: 0 / 0
Событие onclick не срабатывает на элементе <option> в <select>
    #39412828
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Vakho,

про делегирование слышал?
...
Рейтинг: 0 / 0
3 сообщений из 3, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Событие onclick не срабатывает на элементе <option> в <select>
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]