Question

asp 简单问题 隐藏表格

请教功能为什么不能实现。
选择1显示一个文字框
选择2显示两个文字框

如果去掉
<form action="do.asp?action=add" method=post>
</form>
可以正常显示
但是没办法提交信息
求教

<script type="text/javascript">
function cht(){
switch(TAction.value){
case "0":
tb1.style.display="none";
tb2.style.display="none";
break;
case "1":
tb1.style.display="";
tb2.style.display="none";
break;
case "2":
tb1.style.display="";
tb2.style.display="";
break;
}
}
</script>

<form action="do.asp?action=add" method=post>

<table>
<tr><td>
<select id='TAction' name="TAction" size="1" onchange="cht()">
<option value='0'>0</option>
<option value='1'>1</option>
<option value='2'>2</option>
</select>
</td></tr>
<tr id="tb1" style="display:none;"><td><input name="name1" type=text id='name1'></td></tr>
<tr id="tb2" style="display:none;"><td><input name="name1" type=text id='name1'></td></tr>
</table>

<input type="submit" value="添 加" class="button3">

</form>
感谢 litingming12 田响建站之家 两位
按照上面的方法可以用了

但是如果select之前还有想提前交的内容
form 不能放到后面如何安排呢？
<form action="do.asp?action=add" method=post>

<table>
<tr><td><input name="name3" type=text id='name3'>
</td></tr>
<tr><td>
<select id='TAction' name="TAction" size="1" onchange="cht()">
<option value='0'>0</option>
<option value='1'>1</option>
<option value='2'>2</option>
</select>
</td></tr>
<tr id="tb1" style="display:none;"><td> <input name="name1" type=text id='name1'> </td></tr>
<tr id="tb2" style="display:none;"><td><input name="name1" type=text id='name1'></td></tr>
</table>

<input type="submit" value="添 加" class="button3">

</form>

Answer 1

<script type=''text/javascript''>
function cht(){
switch(TAction.value){
case ''0'':
tb1.style.display=''none'';
tb2.style.display=''none'';
break;
case ''1'':
tb1.style.display='''';
tb2.style.display=''none'';
break;
case ''2'':
tb1.style.display='''';
tb2.style.display='''';
break;
}
}
</script>
<table>
<tr><td>
<select id='TAction' name=''TAction'' size=''1'' onchange=''cht()''>
<option value='0'>0</option>
<option value='1'>1</option>
<option value='2'>2</option>
</select>
</td></tr>
<form action=''do.asp?action=add'' method=post>
<tr id=''tb1'' style=''display:none;''><td><input name=''name1'' type=text id='name1'></td></tr>
<tr id=''tb2'' style=''display:none;''><td><input name=''name1'' type=text id='name1'></td></tr>
</table>
<input type=''submit'' value=''添 加'' class=''button3''>
</form>

Answer 2

在<form>标签中加上name属性值form1，并且把switch(TAction.value)改成switch(form1.TAction.value)，代码如下：

<script type="text/javascript">
function cht(){
switch(form1.TAction.value){
case "0":
tb1.style.display="none";
tb2.style.display="none";
break;
case "1":
tb1.style.display="";
tb2.style.display="none";
break;
case "2":
tb1.style.display="";
tb2.style.display="";
break;
}
}
</script>
<form action="do.asp?action=add" method=post name="form1">
<table>
<tr><td>
<select id='TAction' name="TAction" size="1" onchange="cht()">
<option value='0'>0</option>
<option value='1'>1</option>
<option value='2'>2</option>
</select>
</td></tr>
<tr id="tb1" style="display:none;"><td><input name="name1" type=text id='name1'></td></tr>
<tr id="tb2" style="display:none;"><td><input name="name1" type=text id='name1'></td></tr>
</table>
<input type="submit" value="添 加" class="button3">
</form>