从下拉列表中复制选项列表。 jQuery

Question

Html 代码

<select id="dropdwon1">
 <option value="1">Item1</option>
 <option value="2">Item2</option>
 <option value="3">Item3</option>
</select>

<select id="dropdwon2"></select>

我需要使用 jQuery 将所有选项从 dropdown1 复制到 dropdown2。是否可以简单的复制内容？

Answer 1

$('#dropdwon1 option').clone().appendTo('#dropdwon2');

jsfiddle 链接

Answer 2

你也可以让它“克隆”当前（不是初始）选定的项目吗？

$('#dropdwon1 option').eq(1).attr('selected', 'selected');
$('#dropdwon1 option').clone().appendTo('#dropdwon2');​

Answer 3

Jquery 克隆通常是可行的方法，但它不适用于以下项目：
选择 check 和 radio

解决方法是在克隆之前设置 html dom 属性，这是我的做法

var selects = $('form').find('select') ;
selects.each ( function ( ) {
var selvalue = $( this ).val() ;
var options = $( this ).find('option') ;
options.each ( function () {
    if ( $( this ).attr( 'value' )  == selvalue ) 
        $( this ).attr( 'selected' , true ) ; 
    });
}) ; 
$('form').clone.appendTo( '#target' )

将所选 dom 属性设置为 true 允许克隆有效地复制值

Answer 4

试试这个：

$('#dropdwon2')[0].options = $('#dropdwon1')[0].options;