首页 / 脚本样式 / JavaScript / 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");
});