|
俺最近做的項(xiàng)目需求一直在變化中，有些簡單不過經(jīng)常用到的東東 俺就拿出來跟大伙一起分享了！
這個是一個表單選項(xiàng)隨這下拉框的變化而變化。當(dāng)選擇填寫解決計劃時候，下面的表單選擇全部顯示。但下拉框的其他選項(xiàng)時。表單選項(xiàng)只要顯示第一個表單選擇
很簡單 在此俺大體說明下。下面紅色部分就是這個程序的主要代碼。
具體代碼如下
<!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>管理選項(xiàng)</td> <td> <select name="url" class="s2" onchange="viewTable(this);"> <option value="1">填寫解決計劃</option> <option value="2" >與其他問題進(jìn)行歸并</option> <option value="3" >問題已解決</option> <option value="4">問題過于籠統(tǒng)不過具體</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">協(xié)辦</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> |
|
|
來自： 思奇劍 > 《JavaScript》
