asp.net - jquery:从自动完成填充选择列表？

Question

基本问题:从数千个列表中选择几个项目。

潜在的解决方案:

我有一个自动完成字段，用于搜索数据库并返回名称/ID 对。这工作正常。

下一步是保留选定的 ID，并允许用户根据需要删除一些 ID。为此，我一直在考虑使用选择，并希望有一个类似 this 提供的 UI ，但它不起作用:它允许您选择选择中已存在的项目，但不适用于动态创建的选择。

最后一步是传统的回发(使用提交按钮，这是在 ASP.NET Web 表单中)，我需要访问最终的 ID 列表。

还有其他选择吗？

Answer 1

根据您下面的评论，有很多方法可以剥这只猫的皮。以下方法类似于 SelectList 的想法，只是它不使用下拉列表。与 DropdownList 相比，Listbox 的好处是用户可以同时查看多个项目。当然，选择使用列表框还是下拉列表并不重要，因为它们本质上都提供相同的功能。这个答案的关键是，值存储在客户端上，直到您准备好提交为止。

1. 创建一个自动完成文本框，在您键入时动态填充列表框。
2. 点击列表框项目会导致两件事发生:
   
   1. 所选项目的 ID 存储在客户端数组中
   2. 项目列表在页面上呈现/重新呈现，与 SelectList 完全相同。单击红色“X”将从数组中删除 ID 并重新呈现列表。您必须自己编写一些 jQuery 编码，但数量并不多。
3. 重复上述步骤，直到用户选择了所有项目。

点击“保存”后，只有选定的项目才会提交到服务器进行处理。