jQuery选择框选择方法

最新推荐文章于 2020-05-28 09:53:04 发布

天真.。

最新推荐文章于 2020-05-28 09:53:04 发布

阅读量1.1k

点赞数

分类专栏： jQuery方法文章标签： jQuery选择并简单移动方法

本文链接：https://blog.csdn.net/weixin_42509567/article/details/84836361

版权

jQuery方法专栏收录该内容

2 篇文章 0 订阅

订阅专栏

#jQuery选择框选择简单移动方法

	<html>
	<head>
	<link href="<%=request.getContextPath()%>/css/css.css" rel="stylesheet">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<script type="text/javascript" src="<%=request.getContextPath() %>/js/jquery-1.11.1.min.js"></script>
	<title>Insert title here</title>
	<script type="text/javascript">
	function toright() {
		$("#right").append($("#left option:checked"));
	}
	function toleft() {
		$("#left").append($("#right option:checked"));
	}
	function right() {
		$("#right").append($("#left option"));
	}
	function left() {
		$("#left").append($("#right option"));
	}
	</script>
	</head>
	<body>
		<select id="left" multiple="multiple" style="height: 300px;width: 300px;">
		<option>商品a</option>
		<option>商品b</option>
		<option>商品c</option>
		<option>商品d</option>
		<option>商品e</option>
		</select>
		
		<input type="button" value="-->" onclick="toright()">
		<input type="button" value="-->ALL" onclick="right()">
		<input type="button" value="<--ALL" onclick="left()">
		<input type="button" value="<--" onclick="toleft()">
		<select id="right" multiple="multiple" style="height: 300px;width: 300px;">
		<option>小米1</option>
		<option>小米2</option>
		<option>小米3</option>
		<option>小米4</option>
		<option>小米5</option>
		</select>
	</body>
	</html>

天真.。

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery选择框选择方法

#jQuery选择框选择简单移动方法 &lt;html&gt; &lt;head&gt; &lt;link href="&lt;%=request.getContextPath()%&gt;/css/css.css" rel="stylesheet"&gt; &lt;meta http-equiv="Content-Type" content="text/ht
复制链接

扫一扫