jquery 操作两个select实现值之间的互相传递
jquery 操作两个select实现值之间的互相传递
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:functionmoveToRight(select1,select2)//把选中的移动到右边sleect1和sleect...

复制代码 代码如下:

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');

});

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类