首页 > Web开发 > 详细

jquery select 删除 增加节点

时间:2014-03-20 23:11:15      阅读:552      评论:0      收藏:0      [点我收藏+]
	$(document).ready(function() {
		var sleft = $(‘#sleft‘);
		var sright = $(‘#sright‘);
		var bleft = $(‘#bleft‘);
		var bright = $(‘#bright‘);
		bleft.bind(‘click‘, function() {
			if (sleft.find("option:selected").text() != "") {
				if ($(‘#sleft option‘).size() <= 0) {
					$(‘#sleft‘).attr("disabled", true);
				} else {
					if ($(‘#sleft option:selected‘).length >1) {
						$(‘#sleft option:selected‘).each(function(i, data) {
							sright.append(data);
						});
					} else{
					var a = sleft.find("option:selected").text();
					var b = sleft.find("option:selected").val();
					sleft.find("option:selected").remove();
					sright.append("<option value="+b+">" + a + "</option>");
					}
				}
			}

		});

		bright.bind(‘click‘, function() {
			if (sright.find("option:selected").text() != "") {
				if ($(‘#sright option‘).size() <= 0) {
					$(‘#sright‘).attr("disabled", true);
				} else {
					if ((‘#sright option:selected‘).length >1) {
						$(‘#sright option:selected‘).each(function(i, data) {
							sleft.append(data);
						});
					} else{
			
				var c = sright.find("option:selected").text();
				var d = sright.find("option:selected").val();
				sright.find("option:selected").remove();
				sleft.append("<option value="+c+">" + d + "</option>");
					}
				}
			}

		});
	});
           <div>
		<div style="float: left;">
			<select multiple="multiple" style="width:70px;" id="sleft">
				<option value="1">1</option>
				<option value="2">2</option>
			</select>
		</div>
		<div style="float: left">
			<div>
				<input id="bleft" type="button" style="float: left" value=">>" />
			</div>
			<div>
				<input id="bright" type="button" style="float: left" value="<<" />
			</div>
		</div>
		<div style="float: left">
			<select multiple="multiple" id="sright" style="width:70px;">
				<option value="3">3</option>
				<option value="4">4</option>
			</select>
		</div>
	</div>


jquery select 删除 增加节点,布布扣,bubuko.com

jquery select 删除 增加节点

原文:http://blog.csdn.net/xingjigongsi/article/details/21647511

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!