我的模型包含一系列项目:
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>
我希望这能澄清我的问题。