可过滤的多选combobox穿梭/转移小部件

背景

我正在寻找一个基于jQuery或JavaScript的combobox穿梭小部件，允许用户过滤源列表。 源列表是combobox（在左侧），目标列表是第二个combobox（在右侧）。

小样

小部件应该类似于：

现有的jQuery 小部件 ：

用法

用户可以：

1. 键入正则表达式以过滤源列表（例如， Toy.* ）。
   • 窗口小部件隐藏了与filter表达式不匹配的所有项目。
2. 在源列表中选择一个或多个项目（使用单击，按住Control键单击和按住Shift键单击选择）。
3. 单击>>将项目从源列表传输到目标列表。
4. 清除filter以显示完整的源列表。

技术

理想情况下，combobox将使用多选HTMLcombobox，标记将是微不足道的：

  Toyota Mitsubishi Nintendo Samsung Bank of Kyoto   Mazda Fuji Honda   $('#sourceList').shuttle();  

发现

这些很接近：

• http://archive.plugins.jquery.com/project/crossSelect – 没有filter
• http://quasipartikel.at/multiselect/ – 不允许多项选择
• http://blog.jeremymartin.name/2008/02/easy-multi-select-transfer-with-jquery.html – 没有filter
• http://davidwalsh.name/demo/multi-select.php – 使用MooTools; 没有filter
• http://devblog.jasonhuck.com/assets/comboselect/ – 没有filter
• http://www.dhtmlgoodies.com/index.html?whichScript=multiple_select – 没有filter
• http://blog.cbolson.com/expanding-multiple-select-list-with-search-filter/ – MooTools

这几乎是完美的：

• https://github.com/rabihkodeih/bootstrap-transfer – 使用div标签（而不是 ）？
• http://www.senamion.com/blog/jmultiselect2side.html – 没有正则表达式搜索
• http://mind2soft.com/labs/jquery/multiselect/ – 没有正则表达式搜索

我打算批量分配3000 – 5000项的类别，并认为这将是一个快速的方法来完成这样的壮举。 （日本公司名称纯粹是虚构的;实际上，名称通常都有一个共同的词或短语。）

题

什么是满足这些要求的免费开源小部件（jQuery或纯JavaScript）？

有关

相关链接：

• 使用Twitter引导主题多选两列传输小部件

Answer 1

一个不错的jquery / bootstrap插件（多选，两个窗格，带正则表达式的filter）：

Bootstrap双列表框： http ： //www.virtuosoft.eu/code/bootstrap-duallistbox/