Javascript JQuery下拉列表在Firefox上有效，但在Google Chrome上无效

首先，代码可能很糟糕，因为我是JQuery新手。我有这个html：

<select name="numberItems" id="id_numberItems"> 
<option value="1" selected="selected">1</option> 
<option value="2">2</option> 
<option value="3">3</option> 
<option value="4">4</option> 
<option value="5">5</option> 
</select>
<fieldset class="dropdownList"> 
     [...]
</fieldset>
<fieldset class="dropdownList"> 
     [...]
</fieldset>  <!-- This fieldset is repeated 5 times -->

---

这个下拉列表在Firefox上运行，但在Google Chrome上不起作用？为什么？谢谢

将您的下拉功能连接到您的下拉列表的

更改

-事件，它应该按照您想要的方式工作（或者按照我的水晶球的建议…）

<select name="numberItems" id="id_numberItems"> 
<option value="1" selected="selected">1</option> 
<option value="2">2</option> 
<option value="3">3</option> 
<option value="4">4</option> 
<option value="5">5</option> 
</select>
<fieldset class="dropdownList"> 
     [...]
</fieldset>
<fieldset class="dropdownList"> 
     [...]
</fieldset>  <!-- This fieldset is repeated 5 times -->

---

使用Chrome打开页面，“Ctrl+Shift+J”->控制台，单击下拉菜单，查看控制台中的错误。也许这可以提供一些有用的信息。你有演示页面吗？我试过CTRL+Shift+J，但我不知道如何调试内联脚本，它不在单独的文件中。Firefox中的FireBug调试进展顺利。我现在没有演示页面，我正在本地开发服务器上工作。如果有必要的话，我可以试着在一段时间内设置一个。我不确定规范对select元素的onclick行为有何规定。与其他浏览器一样，当您单击某个选项时，Chrome不会调用select的click事件。在页面加载后的第一次单击中，由于“预选”，您将获得“1”作为值。下次单击“选择”时，您将获得上一次选择的值，依此类推。因此，如果没有特殊原因，您应该始终使用onchange-event。就可访问性而言，更改事件也是一个更好的选择，因为无论用户是通过鼠标还是键盘与页面交互，都会调用它。

<select name="numberItems" id="id_numberItems"> 
<option value="1" selected="selected">1</option> 
<option value="2">2</option> 
<option value="3">3</option> 
<option value="4">4</option> 
<option value="5">5</option> 
</select>
<fieldset class="dropdownList"> 
     [...]
</fieldset>
<fieldset class="dropdownList"> 
     [...]
</fieldset>  <!-- This fieldset is repeated 5 times -->