html效果如下所示:
* 首先实现将左边的选中的移动到右边
(“#add”).click(function(){
var $option = $(‘#select1 option:selected’);
var $remove = $option.remove();
$("#select2").append($remove);
console.log($remove);
});
注意:这里采用了remove()方法,删除了dom中该节点所有元素,但是返回了一个引用,因此我们仍然可以使用这个节点的所有元素。
其实删除和追加可以由一个方法完成,如下所示:
varoption = (‘#select1 option:selected’);option.appendTo(“#select2”);