两个combox移动内容绑定事件

最新推荐文章于 2019-12-12 09:36:51 发布

疙瘩陈

最新推荐文章于 2019-12-12 09:36:51 发布

阅读量248

点赞数

CC 4.0 BY-SA版权

分类专栏： WEB

本文链接：https://blog.youkuaiyun.com/qq_36138324/article/details/80038398

WEB 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种通过两个下拉选择器实现页面元素双向选择的功能。利用jQuery库简化DOM操作，用户可以将选项从一个选择器移动到另一个选择器，从而方便地进行元素的选择与取消选择。

					<tr>
						<td>
							<input type="hidden" name="id" id="customerDecidedZoneId" />
							<select id="noassociationSelect" multiple="multiple" size="10"></select>
						</td>
						<td>
							<input type="button" value="》》" id="toRight"><br/>
							<input type="button" value="《《" id="toLeft">
							<script>
								// 为左右移动绑定事件
								$("#toRight").click(function() {
									$("#associationSelect").append($("#noassociationSelect option:selected"));
								});
								$("#toLeft").click(function() {
									$("#noassociationSelect").append($("#associationSelect option:selected"));
								});
							</script>
						</td>
						<td>
							<select id="associationSelect" name="customerIds" multiple="multiple" size="10"></select>
						</td>
					</tr>