jquery - jQueryマルチバリューセレクター

Question

jqueryでこれを行うための良い方法/プラグイン、またはこれに効果的にアプローチする方法についての説明を知っていますか？

Answer 1

これはあなたが探しているもののようです：

「jQueryを使用した簡単な複数選択転送」

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

クイックスニペット。IDが#select1と＃select2の2つの選択リストと、IDが#addと#removeの2つのボタンがあることを前提としています。

 $().ready(function() {  
     $('#add').click(function() {  
        return !$('#select1 option:selected').remove().appendTo('#select2');  
     });  
     $('#remove').click(function() {  
        return !$('#select2 option:selected').remove().appendTo('#select1');  
     });  
 });

Answer 2

これが私がやった方法です

Multiple.Move = function (from, to)
{
    $('#' + from + ' option:selected').remove().appendTo('#' + to);
}

そして、ボタンと選択のためのいくつかのhtml。

<select multiple="multiple" id="available">
    <option value="1">BMW</option>  
    <option value="1">Volvo</option>  
    <option value="1">Audi</option>  
    <option value="1">Saab</option>
</select>  
<input type="button" value="Add" onclick="Multiple.Move('available', 'selected')" />
<input type="button" value="Remove" onclick="Multiple.Move('selected', 'available')" />
<select multiple="multiple" id="available">
</select>