0

我的模型包含一系列项目:

public class MyModel
{
     public IEnumerable<ListItem> AllItems { get; set; }
     public string[] SelectedItems { get; set; }
}

我知道创建单个多选下拉列表并使用 Razor 渲染它很简单,但是我的项目列表很长,并且多选不会带来良好的 UI 体验(太容易丢失选择)。

我宁愿每个项目都有单独的下拉列表。这很容易使用 HTML / JS 进行管理,但我想知道我的元素 ID 应该是什么,以便 MVC 中的模型绑定在提交时工作。

谢谢!

更新

我想要结束的是类似于此 HTML 的内容,其中每个选定项目都有一个列表,能够添加新项目或删除现有项目:

<select>
    <option value="1" selected>blah</option>
    ...
    <option value="15">blah</option>
    ...
    <option value="xx">[ remove this item ]</option>
</select>

<select>
    <option value="1">blah</option>
    ...
    <option value="15" selected>blah</option>
    ...
    <option value="xx">[ remove this item ]</option>
</select>

<button>Add another</button>

我希望这能澄清我的问题。

4

0 回答 0