Copy Option List From Dropdownlist. JQuery

Html code Item1 Item2 Item3 &l Solution 1: $('#dropdwon1 option').clone().appendTo('#dropdwon2'); Copy jsfiddle link Solution 2: Can you make it "clone" currently (not initial) selected item too? $('#dropdwon1 option').eq(1).attr('selected', 'selected'); $('#dropdwon1 option').clone().appendTo('#dropdwon2');​ Copy Solution 3: Jquery clone is normaly the way to go but it doesn't work well with items such as select check and radio The work around is to set the html dom attributes before cloning here is how i do it 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' ) Copy Setting the selected dom attribute to true allow clone to copy the value effectively Solution 4: Try this: $('#dropdwon2')[0].options = $('#dropdwon1')[0].options; Copy Share Post a Comment for "Copy Option List From Dropdownlist. JQuery" Top Question Right Floated Element Disappears When Using Columns In Firefox I am using an ol element with column-count and column-gap p… Remove The Button Inside The Dropdownlist Is there a way to hide or remove the arrow button inside a … Adding Asterisk To Placeholder, Or A Nice Way To Mark Required Fields Via Placeholder I'm looking for a way to style the asterisk in the plac… Mystery Margin Or Padding On List I cannot figure out where the padding is coming from the on… Homepage Slow To Load When I go to the homepage of my website after clearing my c… How To Add Placeholder Field?

I've been trying to add placeholder in input type='…