带有下拉菜单的 onClick 在 Chrome 中不起作用

Question

我有一个表单，它使用下拉菜单向用户显示表单的隐藏部分。这是为了使表格乍一看看起来很简单。这是网址： http://www.azerventures.com/reservations2.php

我已经在 IE 和 FF 中对此进行了测试，它的工作方式与预期完全一致，但在 Chrome 中无法正常工作。我看过很多关于类似问题的文章，但我似乎无法在我的网站上获得修复。我只是不太了解javascript。这是我的代码：

<script type="text/javascript" language="javascript">
function Display(which) {
  tn=document.getElementById("Tent");
  fs=document.getElementById("Fishing");
  wl=document.getElementById("Wall");
  tr=document.getElementById("Trip");
  if (which=='Tent2') tn.style.display="block";
    else tn.style.display="none";
  if (which=='Fishing2') fs.style.display="block";
    else fs.style.display="none";
  if (which=='Wall2') wl.style.display="block";
    else wl.style.display="none";
  if (which=='Trip2') tr.style.display="block";
    else tr.style.display="none";
}
</script>


<select style="float: left; margin-bottom: 20px;" name="item1" 
onchange="if(this.options[this.selectedIndex].onclick && document.all) 
this.options[this.selectedIndex].onclick()">
<option selected>Select An Option</option>
<option name="tent2" onClick="Display('Tent2');">Reserve a Tent</option>
<option name="Fishing2" onClick="Display('Fishing2');">Reserve a Fishing Set</option>
<option name="Wall2" onClick="Display('Wall2');">Rent out the Climbing Wall</option>
<option name="Trip2" onClick="Display('Trip2');">Book a Climbing Trip</option>
</select>

<div name="Tent" id="Tent" style="display: none; margin-bottom: 20px;"></div>

表格在表格括号内，还有其他 div，为了便于阅读，我没有将其全部包含在内。非常感谢您的帮助！

Answer 1

下面的代码会自动转义并像这样渲染

onchange="if(this.options[this.selectedIndex].onclick && document.all) this.options[this.selectedIndex].onclick()"