表单选项随这下拉框的变化而变化

思奇剑 2006-11-16

展开全文

俺最近做的项目需求一直在变化中，有些简单不过经常用到的东东俺就拿出来跟大伙一起分享了！

这个是一个表单选项随这下拉框的变化而变化。当选择填写解决计划时候，下面的表单选择全部显示。但下拉框的其他选项时。表单选项只要显示第一个表单选择

很简单在此俺大体说明下。下面红色部分就是这个程序的主要代码。

具体代码如下

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY >
<script language="javascript">
function viewTable(obj)
{
  switch(obj.value)
  {
   case "1":
    document.getElementById(‘tbview‘).style.display ="";
    break;
   default:
    document.getElementById(‘tbview‘).style.display ="none";
    break;
  }
}
</script>
<table>
<tr>
<td>管理选项</td>
<td> <select name="url" class="s2" onchange="viewTable(this);">
<option value="1">填写解决计划</option>
    <option value="2" >与其他问题进行归并</option>
<option value="3" >问题已解决</option>
<option value="4">问题过于笼统不过具体</option>
</select></td>
</tr>
<tr>
<td>具体意见</td>
<td><TEXTAREA NAME="" ROWS="7" COLS="70"></TEXTAREA></td>
</tr>
</table>
<table id="tbview" name="tbview">
<tr>
<td vailgn="top">主办</td>
<td vailgn="top"><INPUT TYPE="text" NAME=""></TEXTAREA></td>
</tr>
<tr>
<td vailgn="top">协办</td>
<td vailgn="top"><INPUT TYPE="text" NAME=""></td>
</tr>
<tr>
<td vailgn="top">处理时限</td>
<td vailgn="top"><INPUT TYPE="text" NAME=""></td>
</tr>
</table>
</BODY>
</HTML>