[blinn_shade]

Hey,

I want the 'Add one more' link to add another textbox varible set (name, value) without reloading the page. Does anyone kno how to do this.

HTML Code:

<table width="80%" border="0" align="center" cellpadding="3" cellspacing="3">
  <tr>
    <td>Name:</td>
    <td><input name="name[1]" type="text" id="name" size="25" /></td>
  </tr>
  <tr>
    <td>Value:</td>
    <td><input name="value[1]" type="text" id="value" size="40" /></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><a href="#">Add one more</a></td>
  </tr>
</table>

So when the 'Add one more' link is clicked it will add another name input box with the name of name[2] & for it to ll another value input box with the name value[2]. The more you add the input name will increase like: [1], [2], [3], [4] etc..

Thanks.

[blinn_shade]

Hey,

Ok I have created some coding and it works. I use DOM to get element ID's and then attach HTML using: document.createElement('div'); Then I created innerHTML()

Thanks