当前位置:Gxlcms > JavaScript > jquery操作两个select实现值之间的互相传递_jquery

jquery操作两个select实现值之间的互相传递_jquery

时间:2021-07-01 10:21:17 帮助过:13人阅读

代码如下:

function moveToRight(select1,select2)//把选中的移动到右边 sleect1和sleect2分别是下拉列表框的ID
{
$('#'+select1+' option:selected').each(function(){
$("").appendTo("#"+select2+"");
$(this).remove();
$('#'+select2).bind('dblclick',function(){
moveToLeft(select1,select2);
});
});
}
function moveAllToRight(select1,select2)//把所有的移动到右边
{
$('#'+select1+' option').each(function(){
$("").appendTo("#"+select2+"");
$(this).remove();
});
}
function moveToLeft(select1,select2)//把选中的移动到左边
{
$('#'+select2+' option:selected').each(function(){
$("").appendTo("#"+select1+"");
$(this).remove();
});
}
function moveAllToLeft(select1,select2)//把所有的移动到左边
{
$('#'+select2+' option').each(function(){
$("").appendTo("#"+select1+"");
$(this).remove();
});
}

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

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

人气教程排行