asp.net-mvc - ASP.NET MVC4 - 单击按钮后如何保存下拉项

Question

我有一些初始表格，用户可以在其中输入一些基本数据，如下所示：

<fieldset>
    <legend>Registration Form</legend>
    <ol>
        <li>
            @Html.LabelFor(m => m.UserName)
            @Html.TextBoxFor(m => m.UserName)
        </li>
        <li>
            @Html.LabelFor(m => m.Password)
            @Html.PasswordFor(m => m.Password)
        </li>
        <li>
            @Html.LabelFor(m => m.ConfirmPassword)
            @Html.PasswordFor(m => m.ConfirmPassword)
        </li>
    </ol>
    <input type="submit" value="Register" />
</fieldset>

现在我想在这个表单中添加一个额外的字段，用户可以在其中选择他知道的语言。它需要是一个下拉列表，右侧有按钮。当用户从下拉列表中选择一种语言并单击右侧的添加按钮时，该语言的名称应显示在下方。我不知道如何处理这个。我刚刚开始学习，所以对我来说还是有点困惑。

<li>
@Html.DropDownListFor(model => model.Language,
    new SelectList(Enum.GetValues(typeof(Pro.Web.Models.Data.Languages))))
</li>

我已经阅读了几个教程，但没有找到类似的东西。谢谢你。

Answer 1

您可以使用多选列表，允许用户选择他知道的一种或多种语言：

<li>
    @Html.ListBoxFor(
        model => model.Language,
        Enum
           .GetValues(typeof(Pro.Web.Models.Data.Languages))
           .Cast<Pro.Web.Models.Data.Languages>()
           .Select(x => new SelectListItem 
           { 
               Value = x.ToString(), 
               Text = x.ToString() 
           })
    )
</li>