jquery - 将值和文本从 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