从下拉列表中复制选项列表。 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 link

Answer 2

您是否可以将其“克隆”当前（非初始）所选项目？

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

Answer 3

Jquery克隆是正常的方法，但它不适用于诸如此类的项目 选择支票和收音机

解决方法是在克隆之前设置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允许clone有效地复制值

Answer 4

试试这个：

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