Javascript 一系列下拉菜单，由jQuery支持，隐藏和显示，但不在Chrome中

我是jquery和web开发的n00b，我正在尝试创建一系列下拉菜单，当用户选择一个选项时，将显示下一个下拉菜单，最后显示一个表

以下是HTML：

<div class="dropdownMenus">
                            <form id="menu1">
                                <h2>Choose your number</h2>
                                <select>
                                    <option class="descriptive" value="descriptive">Please choose your area</option>
                                    <option class="menuoption1" value="01493">01493 - Great Yarmouth</option>
                                    <option class="menuoption1" value="01603">01603 - Norwich</option>
                                    <option class="menuoption1" value="01393">01393 - Kings Lynn</option>
                                    <option class="menuoption1" value="01763">01763 - Lowestoft</option>
                                </select>
                            </form> 
                        </div>

                        <div class="dropdownMenus">
                            <form id="menu2">
                                <h2>Number Type</h2>
                                <select>
                                    <option class="descriptive" value="descriptive">Please choose your number</option>
                                    <option class="menuoption2" value="gold">Gold</option>
                                    <option class="menuoption2" value="silver">Silver</option>
                                    <option class="menuoption2" value="bronze">Bronze</option>
                                </select>
                            </form> 
                        </div>

                        <div class="dropdownMenus">
                            <form id="menu3">
                                <h2>Order</h2>
                                    <form>
                                        <input id="menuoption3" type="checkbox" value="sequential"> Sequential<br>
                                        <input id="menuoption4" type="checkbox" value="random"> Random<br>
                                        <input id="menuoption5" type="checkbox" value="voice"> Voice<br>
                                        <input id="menuoption6" type="checkbox" value="email"> Email<br>
                                    </form>

                            </form> 
                        </div>

                        <table id="resultsTable">
                            <thead> 
                                <tr>
                                    <th>Area</th>
                                    <th>Number Type</th>
                                    <th>Select</th>
                                    <th>Voice</th>
                                    <th>Mail</th>
                                </tr>
                            </thead>
                            <tbody> 
                                <tr>
                                    <td>Placeholder Data</td>
                                    <td>Placeholder Data</td>
                                    <td>
                                        <input type="checkbox" id="select" />
                                    </td>
                                    <td>
                                        <input type="checkbox" id="voice" />
                                    </td>
                                    <td>
                                        <input type="checkbox" id="mail" />
                                    </td>
                                </tr>
                            </tbody>
                        </table> 

以下是我迄今为止所做工作的链接：

如果你在Firefox或IE中查看该链接，它会正常工作，但在Chrome上看，它不会完全正常工作。元素的初始隐藏起作用，但单击（）事件触发时显示不起作用。任何帮助都将不胜感激：-）

而不是

$(".menuoption1").click(function(){...

试一试

这应该适用于所有浏览器，并在下拉列表的值更改时激发

原因。单击无效（感谢@Archer）：

这是因为选项元素没有单击事件

select元素上的更改事件处理程序也可以工作

---

你赢了我。也许可以很好地解释为什么它不起作用，而不仅仅是喂它们一天；）@老实说，我不知道为什么它在chrome中不起作用。如果你愿意，你可以编辑我的答案，或者在回答/评论中给出解释。这很公平，而且在这种情况下很好地找到了答案。这是因为选项元素没有单击事件。如果他们选择在select元素上执行一个变更事件处理程序，那么它会起作用，但是您的方法也会起作用。这取决于你是否用这些信息更新你的答案-只要它在这里，一切都很好：）哇，非常感谢你们两个！它成功了，当我编码的东西最终成功时，我现在有了这种嗡嗡声。我没有意识到选项元素没有点击事件，如果你感兴趣的话，我已经根据你的帮助更新了我的小提琴。@Liam没问题，这就是这个网站所做的，如果这个答案对你有帮助，别忘了检查它是否被接受。

$(".menuoption1").click(function(){...

$("#menu1").change(function(){...