jQuery复制选择框选择值到另一个选择框

Question

是否可以使用Jquery将选定的选项从第一个下拉列表复制到另一个下拉列表并禁止用户复制SAME选项？

Answer 1

HTML标记

<select id="one" multiple="multiple">
    <option>one</option>
    <option>two</option>
    <option>three</option>
</select>

<select id="two" multiple="multiple">

</select>

Jquery的

$('#one option').click(function() {
   $(this).clone().appendTo("#two");
});

<强> FIDDLE

Answer 2

是：

var option = $("#idOfSelect option:eq(0)"); //eq 0 targets the first option, change to what you need
$("#idOfOtherSelect").append(option);

Answer 3

像这样：

$('#first').change(function(){

    $('#second').append("<option value="+$(this).val()+">"+$("#first option:selected").text()+"</option>")

})

FIDDLE EXAMPLE

Answer 4

示例：

$("#copy").on("click", function(e) {
    e.preventDefault();
    $("#select1 option:selected").clone().appendTo($("#select2"));
});