c# - html.dropdownlist 的 Javascript 更改事件

Question

我是javascript初学者。

我尝试在 Asp.net Mvc 中使用 Html.Dropdownlist。

我有 1 个下拉列表和其他 4 个下拉列表。

如果 1.dropdownlist 更改值，我想通过在 JavaScript 中使用 foreach 将 1.dropdownlist 值应用于 4 个下拉列表。

HTML:

@Html.DropDownList("MainDropDownList", listItems, "Select", new { @id = "MainDropDownListID" }) 

// İf this dropdownlist value changes , i want to apply value to other dropdownlists.

<table>
    <tr>
        <td>@Html.DropDownList("MyDropDownList1", listItems)</td>
        <td>@Html.DropDownList("MyDropDownList2", listItems)</td>
        <td>@Html.DropDownList("MyDropDownList3", listItems)</td>
        <td>@Html.DropDownList("MyDropDownList4", listItems)</td>
    </tr>
</table>

Javascript:

  $(function () {
        $('select#MainDropDownListID').change(function () {
            var SelectedValue = $(this).val();

         //How can i apply selectedvalue to 4 dropdownlists value using foreach ?

        });
    });

Answer 1

jQuery 的 .val() 函数也可用于 set a value by supplying the value as an argument :

$('#MainDropDownListID').change(function () {
    var SelectedValue = $(this).val();
    $('table select').val(SelectedValue);
});