javascript - Dynamically add/remove form fields -

I'm trying to add, and hopefully works once, when some dimension fields in a form The user clicks on a button then to input into a MySQL database, but I'm stuck getting anything to display.

Javascript:

  var counter = 0; Function moreFields () {counter ++; Var newFields = document.getElementById ('redraw'). Clonnode (true); NewFields.id = ''; NewFields.style.display = 'block'; Var newField = newFields.childNodes; (Var i = 0; i & lt; newField.length; i ++) for (var name = newField [i] .name; if (theName) newField [i] .name = theName + counter;} var insertHere = Document.getElementById ('writeroot'); insertHere.parentNode.insertBefore (Newfields, insertHere);} Window.onload = moreFields;  

HTML:

  
  volume  Length (cm)     & gt; Input type = "button" value = "Add another text input" onClick = "moreFields ();" & gt;  

Any help is greatly appreciated, thanks

Creating your JavaScript elements works the way your events are enclosed, they can be improved. Here's how I will update your javascript code:

  var counter = 0; Function moreFields () {counter ++; Var newFields = document.getElementById ('Reddot'). Clonnode (true); NewFields.id = ''; NewFields.style.display = 'block'; Var newField = newFields.childNodes; (Var i = 0; i & lt; newField.length; i ++) for (var name = newField [i] .name; if (theName) newField [i] .name = theName + counter;} var insertHere = Document.getElementById ('writeroot'); InsertHere.parentNode.insertBefore (newFields, insert);} if (window.addEventListener) {window.addEventListener ('load', more fields, false);} and if (window.attachEvent } {Window.attachEvent ('onload', moreFields);} var el = document.getElementById ('clicker') if (el.addEventListener) {el.addEventListener ("click", more fields, incorrect);} Else { El.attachEvent ('onclick', moreFields);}  

And your HTML can be improved greatly, here I have closed your tags and it is working now

  
 Weight (kg)  Length (cm)  * Width (cm) & lt; Input type = "text" name = "iwidith" size = "4" / ​​& gt; * Height (cm) & lt; Input type = "text" name = "iHeight" size = "4" /> & Lt; / P & gt; & Lt; / Div & gt; & Lt; Div id = "writeroot" & gt; & Lt; / Div & gt; & Lt; Input id = "clicker" type = "button" value = "add other text input" / & gt;