当前位置：文江博客话题详情

jQuery 多值选择器

发布于 2024-10-17 01:07:55 字数 124 浏览 8 评论 0原文

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

多值选择器的简单布局

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

把时间冻结 2024-10-24 01:07:55

这看起来就像您正在寻找的：

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

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

快速片段，假设您有两个选择列表 ID' d #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');  
     });  
 });

This seems like what you're looking for:

"Easy Multi-Select Transfer with jQuery"

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

Quick snippet, assumes you have two select lists ID'd #select 1 and #select2, as well as two buttons with IDs #add and #remove.

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

回复收藏 0 原文

っ左 2024-10-24 01:07:55

这就是我最终的做法

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>

This is how i ended up doing it

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

And some html for the buttons and the select.

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

回复收藏 0 原文

~没有更多了~