<!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 元素,可以使用...
本篇文章将详细讲解如何使用JavaScript(JS)来实现下拉框的多选功能。 首先,我们来看一下HTML的基础结构。一个基本的下拉框`<select>`元素默认只支持单选,如果想要实现多选,我们需要在`<select>`标签上添加`...
综上所述,JavaScript下拉框筛选功能是通过监听用户输入、对比选项文本并动态更新显示来实现的。使用jQuery或其他类似的库可以简化开发过程,同时考虑性能优化和用户体验改进,可以构建更高效、易用的筛选下拉框。在...
这可能涉及AJAX请求,从服务器获取数据,然后将数据转化为下拉框选项的键值对格式,如`"option1:Option 1;option2:Option 2"`。 ```javascript function getDynamicOptions() { return $.ajax({ url: 'your_...
JavaScript允许开发者在网页上执行复杂的行为,包括对HTML元素的实时操作,这使得动态更新下拉框选项成为可能。 在实际开发中,动态控制下拉框通常涉及到以下几个关键操作: 1. **清空所有选项** - 通过将下拉框...
在网页开发中,"js下拉框三级联动菜单选择代码"是一种常见的交互设计,用于实现用户在选择省、市、区三个级别的下拉菜单时,选择一个级别后,下一个级别的菜单会根据前一个级别的选择自动更新。这种功能提高了用户...
jQuery.multiselect.js是基于流行的JavaScript库jQuery构建的,它扩展了HTML `<select>` 元素的功能,使得多选下拉框具有更丰富的样式和交互性。这个插件允许用户通过简单的配置,实现分组、过滤、拖放排序等多种...
一般的下拉框选项是在 页面编写过程中事先写好的,但有时这样不能满足要求。假设 有两个下拉框,一个是省份,一个是城市。当操作者选择了一个 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。
- 事件监听:使用`addEventListener()`绑定`change`事件,当用户在上一个下拉框中做出选择时触发更新下拉框选项的函数。 3. **数据结构**: - 通常,我们会使用嵌套的对象数组来存储级联数据,每个对象代表一个...
JavaScript 是实现下拉框美化的关键工具,它可以动态地改变下拉框的外观和行为。例如,可以使用JS来创建自定义的下拉菜单,这些菜单在用户点击时会展开,提供更丰富的选项展示,比如带有图片、图标或者分组的选项。 ...
这个值是下拉框选项中默认显示的图片路径。 4. 为`<select>`元素添加`onChange`事件处理器。当选择的选项发生改变时,该事件处理器会将`<img>`标签的`src`属性值更新为选中`<option>`的`value`值。 在上述步骤中,...
本文通过分享一些实用的JavaScript下拉框选项单击事件的例子,帮助读者掌握如何在下拉框中实现复杂的交互功能。 首先,我们来了解一下HTML中下拉框的基本结构。下拉框通常是通过`<select>`元素来定义的,而它的每一...
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实现两个下拉框间选项的转移是常见的前端技术应用场景。它允许用户通过简单的操作来移动元素...