Question

我有一个下拉列表，其中包含5个团队的名称，然后是一个子下拉列表，其中包含每个团队中人员的姓名。我正在尝试使该表格生效，以便在单击某人的姓名时可以查看其统计信息。

下拉菜单中的第一支球队表现完美。其他四个没有。无论哪个团队目前占据头把交椅，这种情况都会持续存在。如果我从一个不工作的团队中选择一个团队成员，页面仍会刷新，但数据不会更改。

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

当不同的div具有相同的ID时，我也遇到了类似的问题。这些div没有相同的ID，但它们都具有相同的名称（由我将userID传递给的类自动生成）你们怎么看？

前两个团队的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 =“ myForm.submit（）仅适用于下拉菜单中的第一个子下拉菜单

1 个答案: