<!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> 姓名：<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;"> 名称：<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;"> 名称：<input
type="text" name="shijianname" size="10" style="width: 65pt" />
</font>
</div>
<!-- ===================场所名称========================= -->
<div id="submenu4" style="display: none;">
<font class="label" style="color: #545440;"><br>场所信息：</font>
<br>
<font class="label" style="color: #545440;"> 名
称:<input type="text" name="csname" size="10" style="width: 65pt" />
</font>
<br>
<font class="label" style="color: #545440;"> 市
县:<input type="text" onclick="cmdAreaTree(this)"
readonly="readonly" size="10" style="width: 65pt" /> </font>
</div>
</td>
</tr>
</table>
</BODY>
</HTML>
分享到：
相关推荐
使用javascript代码写的，两个下拉框，可以实现从左边的下拉框移动任意个选项到右边下拉框，右边的也可以移到左边。
JavaScript（简称js）作为客户端脚本语言，常被用来增强网页的交互性，其中包括实现多选下拉框的功能。本文将深入探讨如何使用JavaScript来创建和操作多选下拉框。 首先，HTML基础是构建多选下拉框的起点。一个基本...
在实际开发中，我们经常需要通过 Javascript 动态创建、操作和删除下拉框的选项，本文将详细介绍如何使用 Javascript 实现下拉框的动态操作。 动态创建 select 元素 首先，我们需要创建一个 select 元素，可以使用...
这可能涉及AJAX请求，从服务器获取数据，然后将数据转化为下拉框选项的键值对格式，如`"option1:Option 1;option2:Option 2"`。 ```javascript function getDynamicOptions() { return $.ajax({ url: 'your_...
本篇文章将详细讲解如何使用JavaScript（JS）来实现下拉框的多选功能。 首先，我们来看一下HTML的基础结构。一个基本的下拉框`<select>`元素默认只支持单选，如果想要实现多选，我们需要在`<select>`标签上添加`...
综上所述，JavaScript下拉框筛选功能是通过监听用户输入、对比选项文本并动态更新显示来实现的。使用jQuery或其他类似的库可以简化开发过程，同时考虑性能优化和用户体验改进，可以构建更高效、易用的筛选下拉框。在...
JavaScript允许开发者在网页上执行复杂的行为，包括对HTML元素的实时操作，这使得动态更新下拉框选项成为可能。 在实际开发中，动态控制下拉框通常涉及到以下几个关键操作： 1. **清空所有选项** - 通过将下拉框...
在网页开发中，"js下拉框三级联动菜单选择代码"是一种常见的交互设计，用于实现用户在选择省、市、区三个级别的下拉菜单时，选择一个级别后，下一个级别的菜单会根据前一个级别的选择自动更新。这种功能提高了用户...
jQuery.multiselect.js是基于流行的JavaScript库jQuery构建的，它扩展了HTML `<select>` 元素的功能，使得多选下拉框具有更丰富的样式和交互性。这个插件允许用户通过简单的配置，实现分组、过滤、拖放排序等多种...
一般的下拉框选项是在 页面编写过程中事先写好的，但有时这样不能满足要求。假设 有两个下拉框，一个是省份，一个是城市。当操作者选择了一个 资源太大，传百度网盘了，链接在附件中，有需要的同学自取。
- 事件监听：使用`addEventListener()`绑定`change`事件，当用户在上一个下拉框中做出选择时触发更新下拉框选项的函数。 3. **数据结构**： - 通常，我们会使用嵌套的对象数组来存储级联数据，每个对象代表一个...
JavaScript 是实现下拉框美化的关键工具，它可以动态地改变下拉框的外观和行为。例如，可以使用JS来创建自定义的下拉菜单，这些菜单在用户点击时会展开，提供更丰富的选项展示，比如带有图片、图标或者分组的选项。 ...
本文通过分享一些实用的JavaScript下拉框选项单击事件的例子，帮助读者掌握如何在下拉框中实现复杂的交互功能。 首先，我们来了解一下HTML中下拉框的基本结构。下拉框通常是通过`<select>`元素来定义的，而它的每一...
这个值是下拉框选项中默认显示的图片路径。 4. 为`<select>`元素添加`onChange`事件处理器。当选择的选项发生改变时，该事件处理器会将`<img>`标签的`src`属性值更新为选中`<option>`的`value`值。 在上述步骤中，...
JavaScript 自定义下拉框是一种常见的前端开发技术，用于创建具有个性化功能和样式的下拉选择菜单。在网页设计中，下拉框常用于提供多个选项让用户进行选择，而自定义下拉框则允许开发者超越HTML原生下拉列表（`...
这个"自写js 仿下拉框 demo"项目就是这样一个例子，它通过JavaScript来模仿下拉框的功能，提供了更灵活的定制性。 首先，让我们了解一下JavaScript（简称JS）的基本概念。JS是一种轻量级的解释型编程语言，主要用于...
在JavaScript中，设置下拉框...综上所述，设置JavaScript下拉框为只读涉及HTML、CSS和JavaScript的基本知识，以及对无障碍性和用户体验的理解。不同的实现方式各有优缺点，应根据具体项目需求和目标来选择合适的方法。
自定义-js模仿下拉框效果 测过IE6/7/8 ff5.0 chremo 12.0. 是用li来模仿的,隐藏存在一个select方便form提交,其实既然只是获取选定后的数据,也可以用隐藏的input:text 代替 (如果出现什么异常可以给本人留言)
在网页开发中，二级联动...总结来说，JavaScript实现二级联动下拉框的关键在于监听父级下拉框的改变事件，根据用户选择的数据动态更新子级下拉框的选项。通过合理的数据结构和异步处理，可以实现灵活且高效的联动效果。
根据提供的文件内容，我们可以提炼出以下关于JavaScript实现两个select下拉框选项左移右移的知识点： 1. 通过JavaScript实现两个下拉框间选项的转移是常见的前端技术应用场景。它允许用户通过简单的操作来移动元素...