onchange = "Form.submit() 仅适用于我的下拉菜单中的第一个子下拉菜单

Question

我有一个包含 5 个团队名称的下拉列表，然后是一个包含每个团队中人员姓名的子下拉列表。 我正在尝试使表单正常工作，以便当您单击某人的姓名时，您可以看到他们的统计信息。

下拉列表中的第一个团队完美运行。其他四个没有。无论哪个团队目前占据榜首位置，这种情况都会持续存在。 如果我从非工作团队中选择一个团队成员，页面仍然会刷新，但数据不会改变。

使用 chrome 开发人员工具，我可以看到，如果我从顶级团队中选择一个团队成员，则 HTML 中的选项将变为已选择的选项。如果我从任何其他团队中选择一个团队成员，则不会发生这种情况。 但是，如果我在非工作团队上添加另一个功能，显示所选人员的姓名，然后从非工作团队中选择一个团队成员，那就行了！

当不同的divs 具有相同的 ID 时，我也看到过类似的问题。这些divs 没有相同的 ID，但它们都具有相同的名称（由我将用户 ID 传递到的类自动生成） 大家觉得呢？

我的前两个团队的 HTML：

<form id="myForm" method="post">
    <div class="dropdown">
        <div class="yourteam">
            <h3>Teams</h3>
        </div>

        <div class="dropdown-content">
            <div class="dropdown-submenu">
                <a class="test" tabindex="-1" href="#">Team1 <span class="caret"></span></a>
                <div id='Team1' class="dropdown-menu">
                    @Html.DropDownListFor(n => n.User, new SelectList(Model.1Members, "Value", "Key"), "Team Members", new { @class = "namedrop", @id = "Name1", onchange = "myForm.submit()" })
                </div>
            </div>

            <div class="dropdown-submenu">
                <a class="test" tabindex="-1" href="#">Team2 <span class="caret"></span></a>
                <div id='Team2' class="dropdown-menu">
                    @Html.DropDownListFor(n => n.User, new SelectList(Model.2Members, "Value", "Key"), "Team Members", new { @class = "namedrop", @id = "Name2", @onchange = "myForm.submit()" })
                </div>
            </div>
            <!-- The rest of the teams -->
        </div>
    </div>
</form>

Answer 1

 onchange = "myForm.submit()"

你在 onchange 之前错过了@