为了达到这个效果，选择被添加到右边，所有添加到右边，左边的选择，全部删除到左边。

HTML的一部分：
复制代码代码如下所示：



选项1
选项2
选项3
选项4
选项5
选项6
选项7


选择添加到右侧
所有添加到右边





选项8








重要的是要注意，选择的多重属性只被添加，选择框中会出现多个选择选项。
否则，它只会显示一个。

jQuery代码解析：
复制代码代码如下所示：

$（函数（）{（））
移动到右边
$（#添加）。Click（function（）{）
获取所选选项，删除并添加到其他选项中
$（#的选项：选择）。AppendTo（# select2）；
}）；
向左移动。
$（#删除）。Click（function（）{）
$（# select2选项：选择）。AppendTo（# select1）；
}）；
全部移动到右边
$（# add_all）。Click（function（）{）
获取所有选项，删除并添加到其他
$（# select1选项），AppendTo（# select2）；
}）；
全部移动到左侧
$（# remove_all）。Click（function（）{）
$（# select2选项），AppendTo（# select1）；
}）；
双击选项
$（# select1）。Dblclick（function（）{ / /双重约束
获取所有选项，删除并添加到其他
$（选项：选择，这个）。AppendTo（# select2 '）； / /添加对方
}）；
双击选项
$（# select2）。Dblclick（function（）{）
$（）选项：选定
}）；
}）；


这里值得注意的是美元（选项：选择它看起来有点奇怪。事实上，$（）有2个参数，一个是选择器，和另一个范围。区分$（XXX，XXX）。在通常意义上的$（'xxxx）是其实一个默认的第二范围。完整的说法应该是$（'xxxx，文档）。加入这里后，范围在# select1或# select2.that有限，在select1选定的项添加到该# select2后面。

其效果类似于$（# select1选项：选择）。

如果不添加此参数，则涉及全局选择。

注2：

append（）之间的差异和appendto（）方法。

附加（内容| FN）添加内容每个匹配的元素。

appendto（内容）将所有匹配的元素到另一组指定的元素。

前者是将内容添加到匹配的元素中，后者是将匹配的素元素添加到另一组指定元素中。

例如，$（p）。追加（hello）；向P元素添加内容hello。

原创内容的P元素：我想说：现在我想元素含量：{说：你好} $（p）。AppendTo（div）；添加磷元素div元素。原创的内容：我想说的：
结果：我想说：我想说：