jquery：从自动填充中填充选择列表？

Question

基本问题：从数千个列表中选择一些项目。

潜在的解决方案：

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

下一步是保留选定的ID，并允许用户在需要时删除一些ID。为此，我一直在寻找使用select，并希望用户界面像this提供的那样，但它不起作用：它允许你选择已经存在于select中的项目，但是不适用于动态创建的选择。

最后一步是传统的回发（使用提交按钮，这是在asp.net webforms中），我需要访问最终的ID列表。

还有其他选择吗？

Answer 1

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

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

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