俺最近做的項(xiàng)目需求一直在變化中,有些簡(jiǎn)單不過(guò)經(jīng)常用到的東東 俺就拿出來(lái)跟大伙一起分享了!
這個(gè)是一個(gè)表單選項(xiàng)隨這下拉框的變化而變化。當(dāng)選擇填寫解決計(jì)劃時(shí)候,下面的表單選擇全部顯示。但下拉框的其他選項(xiàng)時(shí)。表單選項(xiàng)只要顯示第一個(gè)表單選擇
很簡(jiǎn)單 在此俺大體說(shuō)明下。下面紅色部分就是這個(gè)程序的主要代碼。
具體代碼如下
<!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">填寫解決計(jì)劃</option> <option value="2" >與其他問(wèn)題進(jìn)行歸并</option> <option value="3" >問(wèn)題已解決</option> <option value="4">問(wèn)題過(guò)于籠統(tǒng)不過(guò)具體</option> </select></td> </tr> <tr> <td>具體意見(jiàn)</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">處理時(shí)限</td> <td vailgn="top"><INPUT TYPE="text" NAME=""></td> </tr> </table> </BODY> </HTML> |
|
來(lái)自: 思奇劍 > 《JavaScript》