jQuery选择器的强大--代码实例

一键搬移选项

最新推荐文章于 2020-10-06 19:13:59 发布

最新推荐文章于 2020-10-06 19:13:59 发布 · 198 阅读

文章标签：

#jQuery #ViewUI

本文介绍了一个实用的jQuery脚本，该脚本能够实现一键将一个下拉列表中选中的多个选项复制到另一个下拉列表中，并且能智能避免重复添加已存在的选项。此功能对于表单操作特别有用。

有两个list，都是多选的，要求一个按钮，点击时将list1中所有选中的项复制到list2中，而且在list2中已经存在的项就不再添加，传统的代码，你想想要多少个循环？

使用jquery的selector，一行搞定：


function copy_onclick(){
	$("#list1 option:selected").each(function () {
                $(document.createElement("option"))
		.attr("value",$(this).val())
		.text($(this).val())
		.appendTo('#list2:not(:has(option[value=\''+$(this).val()+'\']))');
		});
	}