展会信息港展会大全

jquery 操作两个select实现值之间的互相传递
来源:互联网   发布日期:2016-01-27 15:38:05   浏览:1411次  

导读:本篇文章主要是对jquery操作两个select实现值之间的互相传递进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助代码如下:function moveToRight(select1,select2) 把选中的移动到右边 sleect1和 ...

本篇文章主要是对jquery操作两个select实现值之间的互相传递进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助

代码如下:

function moveToRight(select1,select2)//把选中的移动到右边 sleect1和sleect2分别是下拉列表框的ID

{

$('#'+select1+' option:selected').each(function(){

$("<option value='"+$(this).val()+"'>"+$(this).text()+"</option>").appendTo("#"+select2+"");

$(this).remove();

$('#'+select2).bind('dblclick',function(){

moveToLeft(select1,select2);

});

});

}

function moveAllToRight(select1,select2)//把所有的移动到右边

{

$('#'+select1+' option').each(function(){

$("<option value='"+$(this).val()+"'>"+$(this).text()+"</option>").appendTo("#"+select2+"");

$(this).remove();

});

}

function moveToLeft(select1,select2)//把选中的移动到左边

{

$('#'+select2+' option:selected').each(function(){

$("<option value='"+$(this).val()+"'>"+$(this).text()+"</option>").appendTo("#"+select1+"");

$(this).remove();

});

}

function moveAllToLeft(select1,select2)//把所有的移动到左边

{

$('#'+select2+' option').each(function(){

$("<option value='"+$(this).val()+"'>"+$(this).text()+"</option>").appendTo("#"+select1+"");

$(this).remove();

});

}

如果要双击select中的某一个option就把当前值传到另一个select需要bind一个select 事件 如下即可

代码如下:

$('#sel2').bind('dblclick',function(){//给下拉框绑定双击事件

moveToRight('sel2','sel3');

});

$('#sel3').bind('dblclick',function(){

moveToLeft('sel2','sel3');

});

赞助本站

人工智能实验室

相关热词: select 传递 jquery

AiLab云推荐
推荐内容
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港