表單選項隨這下拉框的變化而變化

思奇劍 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>