Hur skapa nya form element dynamiskt?

PatrikBMedlem sedan mars 20002 836 inlägg

Trådstart11 jan. 2002 13:32#1

Som rubriken lyder:
Hur gör man för att skapa nya formelement typ input fields, select listor, hidden fields etc dynamiskt med hjälp av javascript?

cya,
PatrikB

JojoxxMedlem sedan juni 20004 308 inlägg

11 jan. 2002 13:46#2

Gör du det när sidan laddas kan du använda document.write("<input ..."), men annars kan du göra det med DOM såhär. Om vi tänker oss att du har ett formulär som du ger id="myform" och vill lägga till ett text-fält;

function insertTextfield(formId,fieldName){
	mydocrange = document.createRange();
	mydocrange.setStartBefore(document.getElementById(formId));
	document.getElementById(formId).appendChild(mydocrange.createContextualFragment('<input type="text" name="'+fieldName+'">'));
}

anropas med insertTextfield('myform','myfield');