Java 在Chrome中不使用下拉菜单的onClick

我有一个表单，它使用下拉菜单为用户显示表单的隐藏部分。这是为了让表单看起来简单。以下是网址：

我已经在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，为了便于阅读，我没有将其全部包括在内。非常感谢你的帮助

下面的代码行将自动转义并呈现如下

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