如何根据下拉菜单的所选值动态生成行。。

Question

小弟现在做一个根据人数登记人员姓名的模块。
<select name="people">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>就是根据select中option的值动态生成对应的行，供输入人员姓名及证件号码。
比如选择1时，显示1行。选择2时，显示两行可供输入。类推。
先谢谢了。完成后立刻结贴散分。

Answer 1

<script>
function createTable(rowNum)
{
var ts="<table border=1 bordercolor=blue><tr><td>姓名</td><td>证件号码</td></tr>";
for (var i=0;i<=rowNum;i++)
{
if(i>0) ts+="<tr><td><input id='name"+i+"' value=''></td><td><input id='idc"+i+"' value=''></td></tr>";
}
ts+="</table>";
document.getElementById("tableArea").innerHTML=ts;
}
</script>
<select name="people" onchange="createTable(this.value);">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<p>录入区：
<div id="tableArea"></div>

Answer 2

上面代码，选0时，会去除输入框，但会保留标题。
如果不想保留标题，可以这样（也可以直接在代码里把标题部分去掉）：
<script>
function createTable(rowNum)
{
var ts="<table border=1 bordercolor=blue><tr><td>姓名</td><td>证件号码</td></tr>";
for (var i=0;i<=rowNum;i++)
{
if(i>0) ts+="<tr><td><input id='name"+i+"' value=''></td><td><input id='idc"+i+"' value=''></td></tr>";
}
ts+="</table>";
if(rowNum==0) ts="";
document.getElementById("tableArea").innerHTML=ts;
}
</script>
<select name="people" onchange="createTable(this.value);">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<p>录入区：
<div id="tableArea"></div>