cloneNode in internet explorer

Question

While executing the following code IE throws the error -- Object doesn't support this property or method -- referring to the cloneNode() method. 'i' is the loop counter, source and dest are both HTML select elements.

dest.options[dest.options.length] = source.options[i].cloneNode( true );

FF and Chrome behave as expected. Any ideas on how to get IE to execute cloneNode()? The IE 8 debugger shows source.options[i] does have a cloneNode() method.

Thanks.

Answer 1

IE requires the

new Option()

construct.

document.createElement( 'option' );

or

cloneNode()

will fail. Of course, all options work as expected in a proper web browser.