jQuery 多值选择器答案

【问题标题】：jQuery multivalue selectorjQuery 多值选择器
【发布时间】：2011-02-10 21:13:03
【问题描述】：

您是否知道使用 jquery 执行此操作的任何好方法/插件或有关如何有效处理此问题的任何描述。

【问题讨论】：

标签： jquery add picker multivalue

【解决方案1】：

这似乎是您正在寻找的：

“使用 jQuery 轻松进行多选传输”

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

快速 sn-p，假设您有两个 ID 为 #select 1 和 #select2 的选择列表，以及两个 ID 为 #add 和 #remove 的按钮。

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

【讨论】：

添加你删除的第一个链接，我更喜欢codedigest.com/CodeDigest/…
那个 sn-p 是面向 ASP 网站的。我不确定您使用的是什么语言，所以尽量与语言无关。不过，如果这对你有用，那就太酷了。

【解决方案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>

【讨论】：