首页 > 代码库 > jquery实现左右上下移动

jquery实现左右上下移动

最近再做报表时候,直接把全部字段都导出了,但这不太灵活。回忆老师讲过的项目做报表如下左右上下移功能灵活控制,所以就尝试下咯。

js代码

	function selected(thiz)
	{
		var name = thiz.name;
		if(name=="right")
			$("select[name='left']").val("");
		else
			$("select[name='right']").val("");
	}
	function Shift(thiz)
	{
		var right = $("select[name='right']");
		var left = $("select[name='left']");
		if(thiz=="left" && right.val() != ""){
			lrShift(right,left);
		}else if(thiz=="right" && left.val() != ""){
			lrShift(left,right);
		}

		//获取选中的值
	}
	//从dest移动到target
	function lrShift(dest,target)
	{
		var childrens = dest.children();
		var args = "";
		//alert(dest.val());
		var dests = dest.val()
		for(var x = 0; x < dests.length; x++)
		{
			var vaTemp = dests[x];
			target.append("<option value=http://www.mamicode.com/'"+vaTemp+"'>"+vaTemp+"");//追加>
页面调用

<div>
		<div>
			<b>未导出字段</b>
		</div>
		<div style="float:left;">
			<select name="left" multiple="multiple" onchange="selected(this)" style="height:350px;width:200px;">
				<option value=http://www.mamicode.com/"姓名">姓名>