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

Question

Is it possible to copy a selected option from the first dropdown to another using Jquery and disallowing the user from copying the SAME option ?

Answer 1

HTML Markup

<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

Yes:

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

Answer 3

Like this:

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

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

})

FIDDLE EXAMPLE

Answer 4

Example:

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