OnClick下拉在FireFox工作，但不是Chrome或IE？ [英] OnClick Dropdown works in FireFox but not Chrome or IE?

问题描述

以下代码在Firefox中可以正常工作，但在IE或Chrome中却不行。...任何想法为什么？

The following code works perfectly in Firefox, but not in IE or Chrome... Any ideas why?

<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>

推荐答案

移动 onChange函数

http://jsfiddle.net / WmEAp /

这篇关于OnClick下拉在FireFox工作，但不是Chrome或IE？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！