onchange = "myForm.submit () работает только для первого подкадра в моем выпадающем меню

Question

У меня есть выпадающий список с именами 5 команд, а затем дополнительный выпадающий список с именами людей в каждой команде.Я пытаюсь заставить форму работать так, чтобы при нажатии на чье-то имя вы могли видеть его статистику.

Первая команда в выпадающем списке работает отлично.Остальные четыре нет.Это сохраняется независимо от того, какая команда в настоящее время занимает верхний слот.Если я выбираю члена команды из нерабочей команды, страница все равно обновляется, но данные не меняются.

Используя инструменты разработчика Chrome, я вижу, что если я выберу члена команды из верхней команды, то вариантв HTML становится выбранная опция.Если я выбираю члена команды из любой другой команды, этого не происходит.Но если я добавлю другую функцию к нерабочим командам, которая отображает имя выбранного человека, а затем выберу члена команды из нерабочих команд, это сработает!

Я видел похожие проблемыкогда разные div s имели одинаковый идентификатор.Эти div не имеют одинакового идентификатора, но все они имеют одно и то же имя (которое генерируется автоматически классом, в который я передаю 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()"

вы пропустили @ до обмена