從SELECT/OPTION傳遞值和文本到另一個SELECT/OPTION jQuery

Question

我試圖在選擇時克隆選項並將其傳遞給另一個表單。

我想要做什麼？ 我正在構建一個郵件標籤，您可以通過在表單中​​添加或刪除選項來處理2-3個表單來選擇接收方。

Form1已經有值。

Form2需要form1中的值，這是問題所在。

我該如何做到最好？

這是我走到這一步：

$('.valj_grupp_email').change(function() { 
    $('.add_button').click(function(){ 
     $('.valj_grupp_email').find(":selected").text().insertAfter('.valda_grupper_email'); 
    }); 
}); 

Answer 1

HTML

<select id="sel1" multiple size="4"> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="mercedes">Mercedes</option> 
    <option value="audi">Audi</option> 
</select> 
<select id="sel2" multiple size="4"> 
    <option value="dummy">Dummy</option> 
</select> 
<br> 
<input type="button" id="doBtn" value="do it"> 

JS

$('#doBtn').click(function() { 
    $('#sel1 option:selected').each(function() { 
     $("<option/>"). 
     val($(this).val()). 
     text($(this).text()). 
     appendTo("#sel2"); 
    }); 
}); 

工作的jsfiddle：http://jsfiddle.net/wnNfc