日期:2014-05-16  浏览次数:20312 次

js 下拉框选项版

?

<!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>
??<table width="90%" border="1">
???<tr height="200">
????<td width="99%">
?????<font class="label" style="color: #545440;">查询类型: <select
???????id="SmlCat" name="SmlCat" size="1" onchange="find(this.value)">
???????<option value="1" selected="selected">
????????传染病类
???????</option>
???????<option value="2">
????????卫生资源类
???????</option>
???????<option value="3">
????????突发事件类
???????</option>
???????<option value="4">
????????公共场所类
???????</option>
??????</select> </font>
?????<script type="text/javascript">
??????? function find(id){
????????? var len=document.getElementById("SmlCat").options.length;
????????? for(var i=1;i<=len;i++){
???????? ?var sun = document.getElementById("submenu"+i);
???????? ?if(parseInt(id)==i){
?????????sun.style.display='block';
?????????continue;
????????}
????????else
????????{
?????????? sun.style.display='none';
????????}
??????? ?}
? ??????? }
?????</script>
?????<!-- ==================传染病类=================== -->
?????<div id="submenu1" style="display: '';">
??????<br>

??????<br>
??????<font class="label" style="color: #545440;"><br>患者信息:</font><input
????????type="text" name="huanzhe" size="10" style="width: 65pt" /><br>
??????<font class="label" style="color: #545440;"><br>&nbsp;&nbsp;&nbsp;&nbsp;姓名:<input
????????type="text" name="huanzhe" size="10" style="width: 65pt" />
??????</font>
??????<br>
?????</div>
?????<!-- ==================卫生资源类=================== -->
?????<div id="submenu2" style="display: none;">
??????<br>
??????<font class="label" style="color: #545440;">卫生资源: <select
????????id="weisheng" name="weisheng" size="1" style="width: 65pt">
????????<option selected="selected">
?????????请选择
????????</option>
????????<option value="1">
?????????医院
????????</option>
????????<option value="6">
?????????疾控中心
????????</option>
????????<option value="8">
?????????卫生学校
????????</option>
????????<option value="4">
?????????乡镇医院
????????</option>
????????<option value="7">
?????????卫生局
????????</option>
????????<option value="3">
?????????血液中心
????????</option>
????????<option value="5">
?????????监测点
????????</option>
???????</select> </font>
??????<br>
??????<font class="label" style="color: #545440;"><br>机构信息:</font>
??????<br>
??????<font class="label" style="color: #545440;">&nbsp;&nbsp;&nbsp;&nbsp;名称:<input
????????type="text" name="jigou" size="17" />
??????</font>
?????</div>
?????<!-- ==================突发事件类别:=================== -->
?????<div id="submenu3" style="display: none;">
??????<br>
??????<font class="label" style="color: #545440;">突发事件信息:</font><input
????????type="text" name="huanzhe" size="10" style="width: 65pt" /><br>
??????<font class="label" style="color: #545440;">&nbsp;&nbsp;&nbsp;&nbsp;名称:<input
????????type="text" name="shijianname" size="10" style="width: 65pt" />
??????</font>
?????</div>
???