<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>MyHtml.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
</head>
<BODY>
<form id="ztga" name="ztga">
<font class="label" style="color: #545454;">选择疾病：</font>
<br>
<font class="label" style="color: #545454;"> 大类：</font>
<select id="infectionType" name="infectionType" style="width: 120"
onchange="cascadeChange(this.value)">
<option value="1" selected="selected">
=请选择=
</option>
<option value="2">
法定传染病
</option>
<option value="3">
其他传染病
</option>
<option value="4">
突发事件
</option>
</select>
<br>
<font class="label" style="color: #545440;"> 小类：</font>
<select name="lb" id="lb" style="width: 120">
<option selected="selected">
=请选择=
</option>
</select>
</form>
</body>
</HTML>
<script language="javascript" type="text/javascript">
function cascadeChange(s){
switch (s){
case "2" :
document.getElementById("lb").options.length=0;
var soojsvalue=[0,1,2,3,4,5,6,7,8,9,10,11,12];
var soojs_text=["鼠疫","霍乱","传染性非典","艾滋病","HIV","甲肝","乙肝","丙肝","戊肝","肝炎（未分型）","痢疾","细菌性痢疾","登革热"];
for (var i=0;i<soojs_value.length;i++){
var oOption = document.createElement("OPTION");
oOption.value=soojs_value[i];
oOption.text=soojs_text[i];
ztga.lb.options.add(oOption);
}break;
case "3" :
document.getElementById("lb").options.length=0;
var soojsvalue=[0,1,2,3,4,5,6,7,8,9];
var soojs_text=["非淋菌性尿道炎","尖锐湿疣","水痘","肝吸虫病","恙虫病","森林脑炎","不明原因肺炎","结核性胸膜炎","人感染猪流菌","其他"];
for ( var i=0;i<soojs_value.length;i++){
var oOption = document.createElement("OPTION");
oOption.value=soojs_value[i];
oOption.text=soojs_text[i];
ztga.lb.options.add(oOption);
}break;
case "4":
document.getElementById("lb").options.length=0;
var soojsvalue=[0,1,2,3,4,5,6,7,8,9,10,11,12];
var soojs_text=["甲类传染病","乙类传染病","丙类传染病","其他传染病","动物性食物中毒","植物性食物中毒","不明食物中毒","农药中毒","空气污染","水污染","土壤污染","群体性不明原因痢疾","医院内感染"];
for (var i=0;i<soojs_value.length;i++){
var oOption = document.createElement("OPTION");
oOption.value=soojs_value[i];
oOption.text=soojs_text[i];
ztga.lb.options.add(oOption);
} break;
default :
document.getElementById("lb").options.length=0;
var oOption = document.createElement("OPTION");
oOption.value=0;
oOption.text="=请选择=";
ztga.lb.options.add(oOption);
}
}
</script>
分享到：
相关推荐
接着，我们要用JavaScript（这里主要使用纯JS，而非jQuery等库）监听第一个下拉框的`change`事件。当用户在`select1`中做出选择时，触发这个事件： ```javascript document.getElementById('select1')....
功能：选中第一个下拉框，局部刷新第二个下拉框的值，且每次选中第一个下拉框，第二个下拉框都会有对应的值提供选择。主要使用了MySQL，jdbc，servlet，jsp，而异步是使用了原生的JS和XMLHttpRequest异步对象实现的...
标题中的"Ext combo 下拉框级联"指的是在Ext JS框架中使用Combobox组件创建级联下拉框的功能。Ext JS是一个强大的JavaScript UI库，提供了丰富的组件模型和数据绑定机制，用于构建复杂的Web应用程序。 首先，我们...
在Web开发中，下拉框级联是一种常见的交互方式，用于构建多级选择的界面，例如省份、城市、区县的三级联动。本教程将详细讲解如何利用JQuery、Servlet和JSON技术来实现这一功能。 首先，JSON（JavaScript Object ...
在IT行业中，下拉框级联（Cascading Dropdown）是一种常见的交互设计，它用于创建联动效果，使得用户在一个下拉框的选择会影响到另一个下拉框的选项。这种设计常见于多级分类选择或者关联数据的筛选，如国家、城市、...
"使用XML文件实现3级下拉框级联"是一种有效的方法，尤其当数据量适中时。这种方法允许我们通过结构化的XML文件来存储和管理级联下拉框的数据，便于读取和更新。 首先，我们需要理解XML（eXtensible Markup Language...
Js Select下拉框级联菜单，一共支持5级联动，相信够用了，这种菜单不用多介绍吧，后一级的值与前一级是父、子关系，该示例还演示了动态添加菜单、减少菜单的功能，还有显示/不显示空值的功能，如演示截图所示。
AJAX-DWR下拉框级联是Web开发中一种常见的交互设计，主要用于提高用户体验，使得用户在选择某个选项时，相关联的下拉框能够自动更新其内容，以适应不同的场景需求。在这个实验中，我们将重点探讨如何使用AJAX和DWR...
省、市、区下拉框级联构思与实现，主要是在HTML里，用到JS与jQuery、ajax。
JSON（JavaScript Object Notation）和Select元素在网页开发中经常被用来构建动态的、交互式的用户界面，特别是在处理级联下拉框时。级联下拉框是指一个下拉框的选择会影响另一个下拉框的选项，这样的设计可以提高...
### 知识点：省市县三级下拉框级联 #### 概述 在Web开发中，为了方便用户选择地理位置信息（如国家、省份、城市、区县等），经常需要实现下拉列表的级联功能。级联下拉列表是指当前一级的选择会影响到下一级的选择...
在"无限下拉框级联"的实现中，JS主要负责监听用户的输入事件，通过异步请求（如Ajax）获取下一级的数据，然后动态渲染到下拉框中。此外，可能还需要利用数据结构（如树形结构）来组织级联的数据，以及CSS来控制样式...
在本文中，我们将深入探讨如何使用JQuery实现异步加载无限下拉框级联功能。这个功能常用于数据筛选和导航菜单，使得用户能够逐步细化选择，如在城市选择中先选择国家，再选择省份，最后选择城市。下面将详细解释实现...
在JavaScript编程中，省市级联（也称为级联下拉框）是一种常见的用户界面功能，用于展示层次结构的数据，如省份和城市。这种交互方式在网页表单中常见，允许用户选择一个省份后，自动加载并显示该省份下的城市选项。...
5. **更新下拉框**：根据解析后的JavaScript对象，动态生成第二个下拉框的选项，然后使用DOM操作（如`innerHTML`或`append`）更新下拉框的内容。 6. **显示结果**：用户可以看到第二个下拉框的内容已经根据他们的...
1. **前端框架**：这通常涉及到JavaScript库，如React、Vue或Angular，它们提供了组件化开发的能力，方便创建可复用的下拉框组件。 2. **数据管理**：级联效果需要维护一个层级结构的数据模型，可能涉及到数组或...