Javascript 让用户在巨大的可搜索列表中选择数据的常用方法

我想让我的用户从我的网页列表中选择某些数据

我现在是这样做的：

但我认为这看起来很混乱和混乱（我的主管告诉我）

我希望条目是可搜索的，但它不必像现在这样复杂（搜索每一列），它们也不需要排序

我也不需要为所选项目和可用项目列出单独的列表

在这些条件下，有没有一种通用/好的方法可以让用户在包含大量条目的可搜索列表中选择数据

编辑：我的问题似乎不准确，这里有一个重新措辞的版本：

---

是否有更容易理解的方法向用户呈现数据。因此，我要求为这个用例提供通用的UI模式。

有很多设计可以从这里获得灵感：

我建议只使用一个搜索框来搜索所有字段，然后您甚至可以隐藏不太重要的字段，直到您搜索完-

display:none-这样数据仍然存在，可以搜索，但不立即可见

最好的办法是找出哪些是必须显示的，哪些不是必须显示的，然后从那里开始工作。
先搜索，然后显示结果。这样，用户只看到他们想要的结果，而不是所有他们不想要的结果。但这在很大程度上取决于您查看的数据、查看数据的人以及查看原因？！list.js和jquery datatables插件提供了这样的功能，您只需做很少的工作……如果您使用jquery，您可以使用.find（）哦，不，也许我的问题不够精确，我想问一些更容易理解的方法来向用户呈现数据。所以我要求为这个用例提供通用的UI模式。我现在编辑了我的问题。我仍然没有得到你想要的。您想以更好的方式显示搜索字段还是显示结果数据表？我想我会支持您的想法，只使用一个搜索框，并引入一种简单的“搜索语言”，如“field2:blub field1:bla”或简单的“something”要在所有字段中搜索关键字，我将删除第二个列表，只需让用户单击加号，denn立即“选择”数据并将其从列表中删除。@NickRussler我不会引入“搜索语言”…记住旧的范例（我可能只是虚构的）“如果你必须培训用户，那你就错了，这应该是显而易见的”