时间戳

首页 > 解决方案 > 在 MVC 中设置多选下拉菜单的选定值

javascript - 在 MVC 中设置多选下拉菜单的选定值

问题描述

我的视图中有一个多选下拉列表，我想显示已选择并提交的下拉列表中的选定项目。这是html代码。

               <label>Submitter</label><br />
                <select id="SelectedSubmitterIDs" name="SelectedSubmitterIDs" class="SubmitterIDClass" multiple>
                    @foreach (var data in Model.Submitters)
                    {
                        <option value="@data.Value">@data.Text</option>
                    }
                </select>

我正在使用 jquery 多选库来实现下拉列表中的多选。我想在 READ 操作中查看选定的值。

$('#SelectedSubmitterIDs').multiselect({
    selectAllText: ' Select all',
    enableFiltering: true,
    buttonWidth: '200px',
    maxHeight: 200,
    enableCaseInsensitiveFiltering: true,
    includeSelectAllOption: true
});

标签： javascriptjquerymodel-view-controllermulti-select

解决方案

经过一些研究，调整到 Html 剃须刀列表框对我有用 - https://forums.asp.net/t/1778536.aspx?Loading+Multiselect+Listboxfor+in+MVC3+Razor

 <label>Submitter</label><br />
 @Html.ListBoxFor(m => m.SelectedSubmitterIDs, new MultiSelectList(Model.Submitters, "Value", "Text"), new { @multiple = "multiple" })

这些下拉列表显示了从它们各自的数据源中选择的值 - 例如 Model.Submitters。希望这可以帮助其他面临类似情况的人。谢谢

多选

推荐阅读