日期:2014-05-16 浏览次数:20405 次
<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><input type="text" name="question" id=" question " /></td>
</tr>
</table>
</form>
<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>