ドロップダウンリストのオプションリストをコピーします。 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のを使用して、dropdown2にdropdown1からすべてのオプションをコピーする必要があります。単にコンテンツをコピーすることは可能かどうか？

Answer 1

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

jsfiddle link

Answer 2

これを試してみてください：

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

Answer 3

は、あなたもそれを "クローン" 現在（初期ません）選択した項目にすることはできますか？

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

Answer 4

jQueryのクローンはnormaly移動するための方法ですが、それは、そのような 選択チェックやラジオ

周りの仕事などのアイテムとうまく動作しませんが、ここでクローニングの前に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') 

が真のクローンがmola10 @効果的