在 MVC 中设置多 select 下拉列表的 selected 值

Question

我的视图中有一个多 select 下拉菜单，我想显示已经 select 编辑并提交的下拉列表中的 selected 项目。这是 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 多 select 库在下拉列表中实现多个 select 离子。我想在 READ 操作中查看 selected 值。

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

Answer 1

经过一些研究，调整 Html razor Listbox 对我有用 - 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。希望这可以帮助其他面临类似情况的人。谢谢

在 MVC 中设置多 select 下拉列表的 selected 值

Set the selected value of a multi-select drop down in MVC

javascript

jquery

model-view-controller

multi-select