背景

我正在寻找一个基于 jQuery 或 JavaScript 的组合框穿梭小部件，它允许用户过滤源列表.源列表是一个组合框(左侧)，目标列表是第二个组合框(右侧).

模型

小部件应该类似于:

现有的 jQuery - 没有过滤器

http://quasipartikel.at/multiselect/ - 不允许多选

http://blog.jeremymartin.name/2008/02/easy-multi-select-transfer-with-jquery.html - 无过滤器

http://davidwalsh.name/demo/multi-select.php- 使用 MooTools；无过滤器

http://devblog.jasonhuck.com/assets/comboselect/ - 否过滤器

http://www.dhtmlgoodies.com/index.html?whichScript=multiple_select - 无过滤器

http://blog.cbolson.com/扩展多选列表和搜索过滤器/ - 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)?

Background

I am looking for a jQuery- or JavaScript-based combobox shuttle widget that allows the user to filter the source list. The source list is a combobox (on the left) and the destination list is a second combobox (on the right).

Mockup

The widget should resemble:

An existing jQuery widget:

Usage

The user can:

Type a regex to filter the source list (e.g., Toy.*).
- The widget hides all items that do not match the filter expression.
Select one or more items in the source list (using click, control-click, and shift-click selections).
Click the >> to transfer the items from the source list to the destination list.
Clear the filter to reveal the full source list.

Technical

Ideally, the comboboxes would use a multiselect HTML combobox and the markup would be trivial:

<select name="sourceList" id="sourceList" size="20" multiple="multiple">
  <option value="1">Toyota</option>
  <option value="2">Mitsubishi</option>
  <option value="3">Nintendo</option>
  <option value="4">Samsung</option>
  <option value="5">Bank of Kyoto</option>
</select>

<select name="destinationList" id="destinationList" size="20" multiple="multiple">
  <option value="6">Mazda</option>
  <option value="7">Fuji</option>
  <option value="8">Honda</option>
</select>

<script>
  $('#sourceList').shuttle();
</script>

Findings

These are close:

http://archive.plugins.jquery.com/project/crossSelect - no filter
http://quasipartikel.at/multiselect/ - does not allow multiple selections
http://blog.jeremymartin.name/2008/02/easy-multi-select-transfer-with-jquery.html - no filter
http://davidwalsh.name/demo/multi-select.php - uses MooTools; no filter
http://devblog.jasonhuck.com/assets/comboselect/ - no filter
http://www.dhtmlgoodies.com/index.html?whichScript=multiple_select - no filter
http://blog.cbolson.com/expanding-multiple-select-list-with-search-filter/ - MooTools

These are nearly perfect:

https://github.com/rabihkodeih/bootstrap-transfer - uses div tags (instead of <select>)?
http://www.senamion.com/blog/jmultiselect2side.html - No regex search
http://mind2soft.com/labs/jquery/multiselect/ - No regex search

I'm looking to batch up the assignment of categories for 3000 - 5000 items and thought this would be a quick way to accomplish such a feat. (The Japanese company names are purely fictional; in reality, the names will typically have a word or phrase in common.)

Question

What is a free and open source widget (jQuery or pure JavaScript) that meets these requirements?

组合框穿梭

可过滤的多选组合框穿梭/传输小部件

问题描述

背景

模型

问题