Kopier radio button og sæt name
Jeg har brug for at kopiere en radio button i javascript og sætte nye name og id på den. Id kan jeg godt sætte. Men når jeg sætter name på den, er det ligesom om den ikke bliver rigtig sat. Hvis jeg forespørger på selve name-propertien returnerer den rigtigt nok det nye name, men når jeg lægger min radio button ind på html-siden, er name ikke længere med.Med samme metode kan jeg godt kopiere name og id på alle andre typer felter. Her er en lille kodestump der illustrerer problemet.
<form method="POST">
<div id="testformdiv">
<input type="checkbox" onclick="copyRadioButtons()" name="C1" value="ON">
<input type="radio" value="V1" checked name="R1" id="rid1">
<input type="radio" name="R1" value="V2" id="rid2"></p>
</div>
</form>
<script language="javascript">
function copyRadioButtons()
{
var oldField = document.getElementById('rid1');
var newField = document.createElement('INPUT');
newField.type = oldField.type;
newField.name = oldField.name;
newField.id = oldField.id;
alert('newField.name: '+newField.name);
alert('newField.outerHTML: '+newField.outerHTML);
document.getElementById('testformdiv').appendChild(newField);
}
</script>
Nogen der kender til det og evt. har en løsning?
