Фон

Я ищу jQuery или JavaScript-виджета combobox shuttle, который позволяет пользователю фильтровать исходный список. Исходный список - это поле со списком (слева), а список адресатов - второе поле со списком (справа).

Mockup

Виджет должен напоминать:

Существующий jQuery виджет:

Использование

Пользователь может:

• Введите регулярное выражение для фильтрации списка источников (например, Toy.*).
  • Виджет скрывает все элементы, которые не соответствуют выражению фильтра.
• Выберите один или несколько элементов в исходном списке (с помощью щелчков, щелчка по кнопке управления и выбора смены).
• Нажмите >>, чтобы перенести элементы из списка источников в список адресатов.
• Очистите фильтр, чтобы открыть полный список источников.

Технические

В идеале, в comboboxes будет использоваться комбинированное выделение HTML, и разметка будет тривиальной:

<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>

Выводы

Они близки:

• http://archive.plugins.jquery.com/project/crossSelect - нет фильтра
• 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/expanding-multiple-select-list-with-search-filter/ - MooTools

Они почти идеальны:

• https://github.com/rabihkodeih/bootstrap-transfer - использует теги div (вместо <select>)?
• http://www.senamion.com/blog/jmultiselect2side.html - Нет поиска в регулярном выражении
• http://mind2soft.com/labs/jquery/multiselect/ - Поиск регулярных выражений

Я собираюсь заказать назначение категорий для 3000 - 5000 предметов и подумал, что это будет быстрый способ достичь такого успеха. (Названия японских компаний являются чисто вымышленными, на самом деле имена обычно содержат слово или фразу.)

Вопрос

Что такое бесплатный и открытый исходный код (jQuery или чистый JavaScript), который отвечает этим требованиям?

Связанные

Ссылки по теме:

• Множественный вид переноса двух столбцов с темой бутстрапа Twitter