首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >jQuery多值选择器

jQuery多值选择器
EN

Stack Overflow用户
提问于 2011-02-11 05:13:04
回答 2查看 442关注 0票数 1

你知道有什么好的方法/插件可以通过jquery或任何描述来有效地实现这一点吗?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2011-02-11 05:17:19

这看起来就是你想要的:

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

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

快速片段,假设您有两个选择列表ID'd #select 1和#select2,以及ID为#add和#remove的两个按钮。

代码语言:javascript
复制
 $().ready(function() {  
     $('#add').click(function() {  
        return !$('#select1 option:selected').remove().appendTo('#select2');  
     });  
     $('#remove').click(function() {  
        return !$('#select2 option:selected').remove().appendTo('#select1');  
     });  
 });
票数 1
EN

Stack Overflow用户

发布于 2011-02-12 01:04:30

这就是我最终怎么做的

代码语言:javascript
复制
Multiple.Move = function (from, to)
{
    $('#' + from + ' option:selected').remove().appendTo('#' + to);
}

以及一些用于按钮和选择的html。

代码语言:javascript
复制
<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
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/4962753

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档