OnClick Dropdown работает в FireFox, но не в Chrome или IE?

Question

Следующий код прекрасно работает в Firefox, но не в IE или Chrome ... Есть идеи, почему?

<script type="text/javascript">
function display_div(show){
   document.getElementById('passenger1').style.display = "none";
   document.getElementById('passenger2').style.display = "none";
   document.getElementById('passenger3').style.display = "none";
   document.getElementById(show).style.display = "block";
}
</script>

<select name="#" id="#">
      <option selected="selected"> </option>
      <option onClick="display_div('passenger1');">1</option>
      <option onClick="display_div('passenger2');">2</option>
      <option onClick="display_div('passenger3');">3</option>
</select>

<div id="passenger1" style="display:none;"> hey, 1 works </div>
<div id="passenger2" style="display:none;"> hey, 2 works </div>
<div id="passenger3" style="display:none;"> hey, 3 works </div>

Answer 1

Переместить onChange function

http://jsfiddle.net/WmEAp/

Answer 2

переместить "onClick" из опций в элемент select

<select onchange="this(this.selectedIndex)">
    <option value="passenger1">1</option>

Answer 3

IE и Chrome не распознают события в элементах опций выбора.Вы можете удалить события onclick из ваших опций и добавить следующее событие onchange в элемент select, чтобы он работал с вашим текущим кодом:

onchange="display_div('passenger' + this.value);"

Answer 4

опция onclick on не является корректным обработчиком кликов.Вместо этого используйте onchange для выбора.