将值和文本从SELECT/OPTION传递到另一个SELECT/OPTION jQuery

将值和文本从SELECT/OPTION传递到另一个SELECT/OPTION jQuery,jquery,Jquery,我正在尝试克隆一个选中的选项,并将其传递到另一个表单中 我想做什么? 我正在构建一个mailscript,您可以通过在表单中添加或删除选项来处理2-3个表单来选择收件人 Form1已经得到了值 Form2需要来自form1的值,这就是问题所在 我怎样才能做到最好 到目前为止,我得到的是: $('.valj_grupp_email').change(function() { $('.add_button').click(function(){ $('.valj_grupp_

我正在尝试克隆一个选中的选项,并将其传递到另一个表单中

我想做什么? 我正在构建一个mailscript,您可以通过在表单中添加或删除选项来处理2-3个表单来选择收件人

Form1已经得到了值

Form2需要来自form1的值,这就是问题所在

我怎样才能做到最好

到目前为止,我得到的是:

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

JS


正在工作的JSIDLE:

不清楚您想要的实际行为。是否将选定的移动到其他表单?把它们复制成表格?让他们被选中?更详细的解释和一些html会有所帮助。此外,更改处理程序中的clcik处理程序似乎不正确…可能会在每次更改中使用新的clcik处理程序。10个变化=10个clcik处理程序Firing谢谢fr4nk,我真的很感激!如果我想从sel2中删除,我只需要做同样的事情,但是使用.remove而不是appendTo?我想你可以使用$this.remove;在每个循环中!是的,没错。我自己就知道了,就要发了。谢谢你的帮助!
<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">
$('#doBtn').click(function () {
    $('#sel1 option:selected').each(function () {
        $("<option/>").
        val($(this).val()).
        text($(this).text()).
        appendTo("#sel2");
    });
});