将SELECT / OPTION中的值和文本传递给另一个SELECT / OPTION jQuery

时间:2013-03-31 17:41:38

标签: jquery

我正在尝试在选中时克隆选项并将其传递给另一种形式。

我想做什么? 我正在构建一个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');
    });
});

1 个答案:

答案 0 :(得分:0)

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