Почему в Хроме не работает onClick на теге option?

Question

[Евгений Обыкновенный]

Делаю вставлялку псевдотегов в поле textarea. Нужно сделать выпадающий список, где на 0 месте название тега, а затем идут параметры к нему. Например, если нажать на 0 пункт "div", то должно вставиться [div][/div], а если на пункт "param1", то должен вставиться [div=param1][/div]

<select name="bbcode_div" onChange="bbcode_insert( '[div=' + this.options[this.selectedIndex].value + ']', '[/div]' ); this.selectedIndex=0;">
    <option value="" onClick="bbcode_insert( '[div]', '[/div]' );">div</option>
    <option value="param1">param1</option>
    <option value="param2">param2</option>
  </select>

В Мозиле все работает, а в Хроме при клике по 0 пункту ничего не происходит. Почему так? Как можно исправить?

Answer 1

[Андрей Верх]

Не только в хроме. Многие браузеры такое не понимают.
Нужно вешать всё на сам select и смотреть какой option выбран.

<select id="select" onchange="change();">

function change(){
var select=document.getElementById("select");
var selectVal=selectBox.options[selectBox.selectedIndex].value;
}

Comments

[Евгений Обыкновенный]

Но клик по 0 пункту не вызывает ни onChange, ни onSelect

[Андрей Верх]

Евгений Обыкновенный: должен работать.

[Евгений Обыкновенный]

Андрей Верх: onSelect вообще не работает, а onChange, видимо, происходит только при изменении, а поскольку 0 пункт уже изначально выбран, то смены пункта и, как следствие, события не происходит.

[Андрей Верх]

Евгений Обыкновенный: У меня скрипт на основе того кода что я дал выше, работает отлично.

Не понимаю зачем вы вообще вцепились в этот select...Выпадающий список можно сделать простыми дивами и ссылками. Нужно будет немного стилизовать, но это явно быстрее чем пытаться костыли искать.