ansaurus

Question

dynamically generate textboxes using JavaScript

Answer 1

A:

Can you try something else than InnerHtml - you can try this:

use GetElementByID to get the element you want to add text boxes to
remove any existing child items if required
Add textboxes as child items to the selected node

Sesh 2009-02-12 07:39:15

Answer 2

A:

From your javascript code, it looks you should use following code:

tbl.innerHTML  +=

instead of

tbl.innerHTML  =

inside the for loop.

Sachin Gaur 2009-02-12 07:44:12

Answer 3

A:

The code below works perfect for me in IE as well as Firefox. When you say It's nt working, what do you mean ?

function generate()
{
  var tot = document.getElementById("totmob").value;
var tbl = document.getElementById("sim");

for(var i =1;i<=tot;i++)
{
  tbl.innerHTML  = tbl.innerHTML  +'Mobile No'+i+' <input type="text"  size = "20" maxlength= "20" name= hoardingregister.mobileno> <br> \n';
}

}
</script>
<body>
<table>
<tr>
    <td>
        <span>Total Mobile Number  </span>
        <input type="text" id="totmob" />
    <td>
    <td>
    <input type="button"  value="ADD" onclick="generate()"/>
    </td>
</tr>
</table>
<div id="sim">
</div>
</body>
</html>

Kalyan Ganjam 2009-02-12 07:50:25

thanksit is working now

2009-02-12 08:07:00

Naveen, Can you share what went wrong and what change fixed your problem?

Kalyan Ganjam 2009-02-12 14:50:12

Answer 4

+1 A:

for(var i =1;i<=tot;i++)
{
  tbl.innerHTML  = 'Mobile No'+i+' <input type="text"  size = "20" maxlength= "20" name= hoardingregister.mobileno> <br> \n';
}

should be

for(var i =1;i<=tot;i++)
{
  tbl.innerHTML  += 'Mobile No'+i+' <input type="text"  size = "20" maxlength= "20" name= hoardingregister.mobileno> <br> \n';
}

because you need to append to the inner HTML, rather than replace it.

You've also used a <td> instead of a </td>

Sophia 2009-02-12 07:55:23

thanks now it is work for me

2009-02-12 08:06:25

Answer 5

A:

IF we want to distinguishes textbox then how we can do that??

2009-03-20 07:45:14

Answer 6

A:

add a unique identifier to the name of the input or a unique id to it.

like:

for(var i =1;i<=tot;i++)
{
  tbl.innerHTML  += 'Mobile No'+i+' <input type="text"  size = "20" maxlength= "20" name= hoardingregister.mobileno'+i+'> <br> \n';
}

or you put a id into it like:

id="input"+i

2009-03-20 07:51:14

ansaurus

tags:

views:

answers:

dynamically generate textboxes using JavaScript

related questions