Несколько MVC DropDownLists - отправка каждой формы отдельно

Question

У меня есть страница MVC с несколькими DropDownLists.Один для каждого пользователя, отображаемого на экране.

Что мне нужно сделать, это вызвать действие на контроллере, когда пользователь изменяет любые выпадающие списки.Этот вызов должен передать контролеру пользователя, которому соответствует раскрывающийся список, а также значение выбранного элемента.

У меня есть идея, как это сделать с помощью jQuery, но я не совсем уверен, как настроить jQuery.обработчик для каждого DropDown динамически.

Есть идеи?

Пример кода:

Просмотр:

@foreach (var user in Model.Users)
    {  
        <tr>
            <td>
                    @user.Name
            </td>
            <td>
                @using (Html.BeginForm())
                {
                    @Html.DropDownList(@user.Name + "-dd", @Model.UserGroups, "Add to group...")
                }
            </td>
        </tr>
    }

Контроллер:

publicActionResult AddToGroup (строка user, строка selectedValue) {....}

Answer 1

Использовать класс CSS для выпадающих списков

@Html.DropDownList(@user.Name + "-dd", @Model.UserGroups, "Add to group...", new { @class = "user-drop-down" })

Тогда используйте селектор JQuery

$('.user-drop-down').change(....)  

Поместите свою логику для размещения данных в вашем MVC-действии. Обратитесь к API JQuery для получения дополнительной информации о том, как реализовать метод javascript: http://api.jquery.com/change/