如何使MVC下拉列表更改编辑器字段值

Question

我有一个实现普通编辑器文本字段的编辑视图。用户可以手动输入可保存到模型的值。但是，除了此编辑器字段之外，我还需要一个下拉列表，用户可以从中进行选择，该下拉列表将编辑编辑器字段。但是，我在编辑器字段中输入的值与从下拉列表中选择的值不同，此值来自另一个列表，该列表使用下拉列表选择的项目的索引来放置值。举例说明：

我有一个文本字段"名称 ID"和

两个列表"名称"和"ID"。用户将选择一个"名称"，视图会将"Id"放入"名称 ID"字段中。

例：

名称 ID：2 <-----输入 2，因为选择了 Bob

名字：

1. 亚历克斯
2. 鲍勃
3. 卡尔
4. 丹尼斯

Answer 1

注意：不要忘记包含 js 代码的 JQuery 引用。

剃须刀代码：

    @{
    var domainsList = new SelectList(new []
    {
        new SelectListItem { Text = "Please Select", Value = "0", Selected = true },
        new SelectListItem { Text = "Alex", Value = "1" },
        new SelectListItem { Text = "Bob", Value = "2"},
        new SelectListItem { Text = "Carl", Value = "3"},
        new SelectListItem { Text = "Dennis", Value = "4"}
    }, "Value", "Text");
}
    @Html.Editor("NameId", new {@class="form-control"})
    @Html.DropDownList("Nameslst", domainsList,new {@class="form-control"})

Js 代码

<script>
    $(function(){
        $('#Nameslst').on('change',function(){
            $('#NameId').val($(this).val())
        })
    })
</script>