此操作主要由js实现
。
<script type=”text/javascript”>
function show(){
var v=document.getElementById(“STATUS”).value;
var i=document.getElementById(“idNum”);
var s=document.getElementById(“school”);
var y=document.getElementById(“year”);
var t=document.getElementById(“type”);
if(v==0){
i.style.display=””;
}else{
i.style.display=”none”;
}
if(v==1){
s.style.display=””;
}else{
s.style.display=”none”;
}
if(v==2){
y.style.display=””;
}else{
y.style.display=”none”;
}
if(v==3){
t.style.display=””;
}else{
t.style.display=”none”;
}
}
</script>
<form action=”SelectServlet” method=”post”>
<table>
<tr height=”22″>
<td align=right >分类查询：</td>
<td align=left >
<select name=”STATUS” id=”STATUS” style=”width:80″ οnchange=”show()”>
<option value=”0″>按批准码查询</option>
<option value=”1″ >按学校查询</option>
<option value=”2″>按批准年份查询</option>
<option value=”3″>按项目类别查询</option>
</select>
</td>
<td>
<div
style=”display: none;
”
id=”idNum”>
<input type=”text” name=”idNum” size=”20″ placeholder=”请输入完整的批准码”>
</div>
</td>
<td>
<div
style=”display: none;
” id=”school”>
<select name=”school” >
<option value=”湖南中医药大学”>湖南中医药大学</option>
<option value=”天津中医药大学” >天津中医药大学</option>
<option value=”北京中医药大学”>北京中医药大学</option>
<option value=”福建中医药大学”>福建中医药大学</option>
<option value=”湖北中医药大学”>湖北中医药大学</option>
</select>
</div>
</td>
<td>
<div
style=”display: none;”
id=”year”>
<input type=”text” name=”year” size=”20″ placeholder=”请在1986到2017年之间查询”>
</div>
</td>
<td>
<div
style=”display: none;”
id=”type”>
<select name=”type” >
<option value=”面上项目”>面上项目</option>
<option value=”青年科学基金项目” >青年科学基金项目</option>
<option value=”地区科学基金项目”>地区科学基金项目</option>
<option value=”专项基金项目”>专项基金项目</option>
</select>
</div>
</td>
<td><input type=”submit” value=”提交”></td>
</tr>
</table>
</form>