To access textbox added to div tag using innerHTML

[abhishek92]

I have created a dynamic HTML page using div tag in which when a drop down is selected that number of text boxes appear.
This I did by calling a function disp() wherein a new div tag is created, and then the number of text boxes I made, I put them in innerHTML code of the newly created tag and then I appended this div tag to the main div tag of HTML page..

Now the problem is that when the user clicks on submit a validate() is called.
here I want to access those textboxes and check them.
How can this be done.??

simply stating how can i access those elements which I have attached to a div tag using innerHTML....

plz help

[acoder]

Give your text boxes ids and use document.getElementById to access them.

If you get stuck, post some example code.

[arnabc]

I have created a dynamic HTML page using div tag in which when a drop down is selected that number of text boxes appear.
This I did by calling a function disp() wherein a new div tag is created, and then the number of text boxes I made, I put them in innerHTML code of the newly created tag and then I appended this div tag to the main div tag of HTML page..

Now the problem is that when the user clicks on submit a validate() is called.
here I want to access those textboxes and check them.
How can this be done.??

simply stating how can i access those elements which I have attached to a div tag using innerHTML....

plz help

to validate the text boxes i assume u have one form and u r appending those text boxes inside the form so in that case u can get them by accessing formName.elements array OR by getElementById as suggested by "acoder".

[gits]

in case you want to retrieve a list of textboxes that you have added you may use getElementsByTagName('tagname'); and loop through that collection of nodes ... its the standard-compliant-(dom)way to retrieve a list of nodes that have the same tagName ...

kind regards ...