动态表单、表单域个数不定的实现

来源：http://csk83.blogspot.com/

今天有朋友问到，如何实现，通过一个select或者input的值来设置表单的数量，我写了如下代码基本能实现功能，javascript代码如下：

1. function insert(x)   
2. {   
3.  var html = "";   
4.  var i;   
5.  for(i=1;i<=x;i++)   
6.  {   
7.   html = html + "<tr><td>a" + i + "</td><td><input name=/"a" + i + "/" type=/"text/" id=/"a" + i + "/" /></td></tr>";   
8.  }   
9.  html = "<table border=/"1/">" + html + "</table>";   
10.  document.getElementById("tablecontent").innerHTML = html;   
11. }   
12. function cg(obj)   
13. {   
14.  insert(obj.value);   
15. }   

在HTML中调用如下：

2. <form action="" method="post" name="form1" id="form1">  
3.  
4.  <select name="totalnum" id="totalnum" onchange="javascript:cg(this);">  
5.   <option value="10">10</option>  
6.   <option value="2">2</option>  
7.   <option value="50">50</option>  
8.   <option value="100">100</option>  
9.  </select>  
10.  <div id="tablecontent">  
11.  </div>  
12. </form>