<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>
<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
<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>
<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> 为单位增加…
<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>