I've got a problem with IE and some Dynamic HTML I've been working on.
I'm duplicating chunks of a form using the DOM cloneNode() method (all fine and dandy - works cross platform, etc), but I'm running into a problem with the form names of the duplicated chunks. I'm altering input.name (where input is a variable pointing to the DOM HTMLInputElement Node for an <input>element) but there are problems with Radio buttons (<input type="radio">). While altering input.name works for all the other kinds of inputs (with the probable exclusion of checkboxes...), including <textarea>s, it's just not working for radios. What that means is that you can duplicate chunks of a form but the radios all retain their original name, so changing a radio in chunk 2 will deselect the radios in chunk 1, which is no good to man nor beast...
I tried creating a new <input> element node with DOM and duping all the properties I need, then deleting the old node and replacing it with the new, but that didn't work. In Mozilla it almost worked, but once the new radio was selected it was never unselected, which leads me to think that the new radio nodes didn't get linked into the <form> they were structurally a part of. In IE it was even worse: The radios wouldn't select at all.
Does anyone have any thoughts about alternate methods of altering the name? (that work in IE please...)