How to uniquely name the texboxes created by javascript using some kind of loop..?

<html> <head> <title>Dynamic Form</title> <script language="javascript"> function changeIt() { my_div.innerHTML = my_div.innerHTML +"<br><input type='text' name='mytext'>" } </script> </head> <body> <form name="form" action="display.php" method="post"> <input type="text" name="text"> <div id="my_div"></div> <a href="#" onclick="changeIt()">Add textbox</a> <input type="submit" value="submit"> </form> </body> I want to name each textboxes created by the javascript uniquely like mytext1, mytext2, mytext3 and etc. whenever i click the link to create a new textbox by adding a variable to the name attribute of the textbox and the variable increments each click... Sry im new in javascript i dunno how to implement my idea ...
Answer:

Altering the page with innerHTML is known to be a bad practice these days. It would be better to access/create the document object model with a little bit more Javascript. Replace everything in the <script> tags with this, and you should be all set! var count = 1; function changeIt() { var content = document.getElementById('my_div'); var input = document.createElement('input'); input.setAttribute('type', 'text'); input.setAttribute('name', 'myText' + count); content.appendChild(input); count++; }

WRex at Yahoo! Answers Visit the source

Was this solution helpful to you?