2010-12-13 19 views
9

html kodu jQuery kullanarak, dropdown2 için dropdown1 gelen tüm seçenekleri kopyalamak gerekAçılır listeden kopya seçenek listesi. JQuery

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

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

. İçeriği basitçe kopyalamak mümkün mü?

cevap

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

jsfiddle link

+0

kopyalamak için izin seçilmiş dom niteliğini ayarlama yapın: Bu çalışır - yolu ben yazdım. Az önce jsfiddle için bir link ekledim. Tek öğe işlevleri olduklarında 3 öğeden oluşan bir koleksiyonda "val", "text" ve "html" yi neden aramaya çalışıyorsunuz ??? –

+0

@ mola10 haklı, kodu değiştirmeyi bırak ve işe yaramadığını iddia ediyor. – troynt

+0

It Çalışıyor !, thx. “..Neden arama yapmaya çalışıyorsun ...” - Sabah saat 2, yorgun, üzgünüm. – mola10

-1

bu deneyin:

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

Çalışmıyor, * .options sadece okunur. Firebug günlüğü: yalnızca bir alıcıya sahip olan bir özelliği ayarlamak; – mola10

0

bunu "klon" şu anda (başlangıç ​​değil) çok öğe seçili yapabilir miyim?

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

jQuery klonu normalde gitmek yoludur, ancak

eser buralarda klonlama nasıl önce html dom niteliklerini ayarlamaktır böyle seçme çek ve radyo gibi öğeler ile iyi çalışmıyor ben

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') 

gerçek klon değerini mola10 @ etkili bir

İlgili konular