Lista opcji kopiowania z listy rozwijanej. JQuery

kod

HtmlLista opcji kopiowania z listy rozwijanej. JQuery

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

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

Muszę skopiować wszystkie opcje z dropdown1 do dropdown2 za pomocą jQuery. Czy możliwe jest proste kopiowanie treści?

Źródło

2010-12-13 mola10

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

jsfiddle link

Źródło

2010-12-13 21:55:51

@ mola10: to działa - tak, jak to napisał. Właśnie dodałem link do jsfiddle. Dlaczego próbujesz wywołać 'val',' text' i 'html' w kolekcji 3 elementów, gdy są one funkcjami pojedynczego elementu? –

@ mola10 on ma rację, przestań zmieniać kod i twierdząc, że to nie działa. – troynt

To działa !, thx. ".. Dlaczego próbujesz nazwać val ..." - 2 rano, zmęczony, przepraszam. – mola10

-1

Spróbuj tego:

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

Źródło

2010-12-13 21:56:36 Jage

Nie działa, * .options jest tylko do odczytu. Dziennik Firebug: ustawienie właściwości, która ma tylko pobierający; – mola10

Czy można go "klonem" obecnie (nie początkowe) wybrany element też?

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

Źródło

2012-04-26 16:30:08 clamiax

Jquery klon jest normalnie do zrobienia, ale to nie działa dobrze z przedmiotów takich jak wybierz Sprawdź i radiem

Prace wokół jest ustawienie atrybutów HTML DOM przed klonowaniem oto jak robię to

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

Ustawienie wybranego atrybutu DOM true pozwoli klon skopiować wartość skutecznie

Źródło

2015-03-21 06:14:39 Pascal

Lista opcji kopiowania z listy rozwijanej. JQuery

Odpowiedz

Powiązane problemy