jquery 操作两个select 来实现值之间的传递

最新推荐文章于 2024-01-25 00:14:46 发布

hsliwei

最新推荐文章于 2024-01-25 00:14:46 发布

阅读量1.1k

点赞数

分类专栏： jquery 文章标签： jquery function

本文链接：https://blog.csdn.net/hsliwei/article/details/6777520

版权

jquery 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

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