動態增加text box?

Question

<script>
function doit(sel){
   var f = document.form1;
   var n = sel.options[sel.selectedIndex].value;
   for(var i=1;i<f.question.length;i++) f.question[i].style.display = "none";
   for(var i=1;i<n;i++) f.question[i].style.display = "block";
}
</script><form id="form1" name="form1" method="post" action="">
<table width="600" border="1">
  <tr>
    <td>Total Question:</td>
    <td><select name="total_question" id="total_question" onchange="doit(this);">
      <option value="1" selected="selected">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
    </select>    </td>
  </tr>
  <tr>
    <td>Question</td>
    <td>
     <input type="text" name="question" id="question" />
     <input type="text" name="question" id="question" style="display:none;"/>
     <input type="text" name="question" id="question" style="display:none;"/>
    </td>
  </tr>
</table>
</form>

Answer 1

<form id="form1" name="form1" method="post" action="">
<table width="600" border="1">
  <tr>
    <td>Total Question:</td>
    <td><select name="total_question" id="total_question">
      <option value="1" selected="selected">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
    </select>    </td>
  </tr>
  <tr>
    <td>Question</td>
    <td id="txtContainer"><input type="text" name="question" id=" question " /></td>
  </tr>
</table>
</form><script type="text/javascript">
var list = document.getElementById("total_question");
function genText()
{
createInput(list.options[list.selectedIndex].value)
}
function createInput(num)
{
var txt = document.createElement("<input type='text' />");
txt.id=num;
document.getElementById("txtContainer").appendChild(txt);
}
list.onchange=genText;
</script>注意<td id="txtContainer"></td>中的id

Answer 2

搞错了上面。<form id="form1" name="form1" method="post" action="">
<table width="600" border="1">
  <tr>
    <td>Total Question:</td>
    <td><select name="total_question" id="total_question">
      <option value="1" selected="selected">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
    </select>    </td>
  </tr>
  <tr>
    <td>Question</td>
    <td id="txtContainer"><input type="text" name="question" id=" question " /></td>
  </tr>
</table>
</form><script type="text/javascript">
function empty(ele)
{
while(ele.firstChild)
{
ele.removeChild(ele.firstChild);
}
}
var list = document.getElementById("total_question");
var container = document.getElementById("txtContainer");
function genText()
{
empty(container);
createInput(list.options[list.selectedIndex].value)
}
function createInput(num)
{
for(var i=0;i<parseInt(num);i++)
{
var txt = document.createElement("<input type='text' />");
txt.id=i;
document.getElementById("txtContainer").appendChild(txt);
}
}
list.onchange=genText;
</script>

Answer 3

<tr>
    <td>Question 1<td>
    <td><input type="text" name="question" id=" question " /></td>
  </tr><tr>
    <td>Question 2<td>
    <td><input type="text" name="question" id=" question " /></td>
  </tr>
<tr>
    <td>Question 3<td>
    <td><input type="text" name="question" id=" question " /></td>
  </tr>
.
.
.
.可否以 <tr> </tr> 为单位增加…

Answer 4

垂直，只要再加个<br/>就行，如下：
<form id="form1" name="form1" method="post" action="">
<table width="600" border="1">
  <tr>
    <td>Total Question:</td>
    <td><select name="total_question" id="total_question">
      <option value="1" selected="selected">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
    </select>    </td>
  </tr>
  <tr>
    <td>Question</td>
    <td id="txtContainer"><input type="text" name="question" id=" question " /></td>
  </tr>
</table>
</form><script type="text/javascript">
function empty(ele)
{
while(ele.firstChild)
{
ele.removeChild(ele.firstChild);
}
}
var list = document.getElementById("total_question");
var container = document.getElementById("txtContainer");
function genText()
{
empty(container);
createInput(list.options[list.selectedIndex].value)
}
function createInput(num)
{
for(var i=0;i<parseInt(num);i++)
{
var txt = document.createElement("<input type='text' />");
txt.id=i;
container.appendChild(txt);
var br = document.createElement("<br />");
container.appendChild(br);
}
}
list.onchange=genText;
</script>