13
背景
我要尋找一個jQuery-或基於JavaScript的組合框控件穿梭允許用戶過濾源列表。源列表是一個組合框（在左邊），目的地列表是第二個組合框（在右邊）。可篩選多選組合框班車/傳送部件
樣機
小部件應類似於：
現有的jQuery widget：
用法
用戶可以：
- 類型一個正則表達式來篩選源列表（例如，
Toy.*）。- 窗口小部件隱藏所有與過濾器表達式不匹配的項目。
- 從源列表中選擇一個或多個項目（使用單擊，控制點擊和按住Shift鍵單擊選擇）。
- 單擊
>>將項目從源列表轉移到目標列表。 - 清除篩選器以顯示完整的源列表。
技術
理想情況下，組合框會使用多選的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），以滿足這些要求？
相關相關鏈接：
您的列表中不包括jQuery的multiselect2side HTTP：//www.senamion。 com/blog/2010/02/20/jquery-select-multiple-double-side/ –