<select> value and selected option not preserved on clone

[fligtar]

See test case here: ​http://fligtar.com/testcases/jquery-clone.html

When cloning a table row with a select box and a checkbox, the checkbox's value will be preserved, but the select box's value will not.

I was able to reproduce this in Firefox 3 and Safari.

[flesler]

I think this is expected, the browser respects the selected and checked attributes. (Both are resetted on IE).

Maybe copying the value (or selectedIndex) attribute will be enough. Will check this when I get some time. Thanks for the straight test case, much appreciated.

[dmethvin]

See also #4193.

[brandon]

This was at one time in core but was removed due to the large performance overhead for such an edge case. I'm not convinced that the values should be cloned with the form elements. To really make it work cross browser you'd have to change the name attributes and ids as well. I remember having issues with radio buttons in Opera where even though it was in a different form only one could be checked. Either the original or the clone.

See also #3716

[GayQuery]

First, welcome to Spamalot!

Someone delete the pseudo-medicine trash from harmony and maddie please.

Secondly, if you're a genius like me, and performance isn't an issue in a specific case then you can do something like this [excerpt]:

var erg=jQuery("td.add_row",row.parent().parent()); var elf=jQuery("<tr/>");

jQuery.each (

erg, function(i,item) {

var flippingheck=jQuery(item).clone().appendTo(elf); var bloodyhell=jQuery("select",jQuery(item)); var buggerme=jQuery("select",flippingheck);

jQuery.each (

bloodyhell, function(i,spy) {

jQuery(buggerme[i]).attr("selectedIndex",jQuery(spy).attr("selectedIndex"));

}

);

}

);

Other stuff after here