<html>
<head>
<title>下拉框联动</title>
<script language="javascript">
var city= [
["41","1","北京"],["41","2","上海"],["41","3","武汉"],["41","4","四川"],["41","5","高额"],
["42","6","济南"],["42","7","威海"],["42","8","泰安"],
["43","9","沧州"],["43","10","邯郸"],
["44","11","张三"],["44","12","李四"],["44","13","王五"],["44","14","赵六"],["44","15","过儿"],["44","16","美女"]
];
function fun(bbzl_dm){
var BBLX_DM = form1.BBLX_DM;
BBLX_DM.length = 1;
var j = 0;
for(var i = 0;i < city.length;i++){
if(city[i][0] == bbzl_dm){
BBLX_DM[j+1] = new Option(city[i][2],city[i][1]);
j++;
}
}
}
</script>
</head>
<body>
<form name="form1" method="post" action="">
<table>
<tr>
<td>
<select name="BBZL_DM" onchange="fun(this.value)">
<option value="0">==请选择==</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
</select>
</td>
<td>
<select name="BBLX_DM" onchange="javascript:alert(this.value);">
<option value="0">==请选择==</option>
</select>
</td>
</tr>
</table>
</form>
</body>
</html>
分享到：
相关推荐
二级联动的核心在于监听第一个下拉列表的`onChange`事件，当用户在第一个下拉列表中选择一个选项时，触发该事件，通过JavaScript获取当前选中的索引或值，然后根据这个信息动态地更新第二个下拉列表的选项。...
二级联动 下拉列表 可以进行2级联动下拉等功效 完全的代码 用的时候只需要改改数据库就行了
二级下拉列表联动 select 网页 html5 学院、专业 选择的下拉列表 下载可用！！！
二级联动下拉菜单是指一个下拉菜单的选择会影响到另一个下拉菜单的显示内容。通常，第一个下拉菜单（一级菜单）包含了大类选项，用户选择后，第二个下拉菜单（二级菜单）会根据一级菜单的选择加载对应的小类选项。...
二级联动下拉框是指两个下拉框之间存在依赖关系，当用户在第一个下拉框中做出选择时，第二个下拉框的内容会根据选择进行更新。这种功能通常通过JavaScript或AJAX与服务器进行交互来实现。 1. **HTML结构**：首先，...
Access中窗体实现二级联动下拉示范，用VBA配合SQL查询来做rowsource，实现二级下拉跟着一级内容变化，如果一级内容没有选择，二级显示所有
二级联动通常指的是在一个下拉列表（Select）中选择一个选项后，另一个下拉列表会根据前一个选项的值动态加载相关数据，这种功能在地区选择、分类筛选等场景中非常常见。 本压缩包“帝国CMS二级联动插件(ajax下拉...
在网页设计中，二级联动下拉菜单是一种常见的交互元素，常用于分类选择或者地区筛选等场景。这种功能的实现通常涉及到前端和后端的交互，其中PHP作为后端语言，负责处理数据并返回给前端。本篇文章将详细介绍如何...
Access数据库-二级下拉菜单制作
本文实例为大家分享了js实现select二级联动下拉菜单，供大家参考，具体内容如下 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath()...
在PHP和MySQL环境中实现下拉菜单的二级联动是一种常见的交互设计，它允许用户在选择一级菜单后，二级菜单根据一级菜单的选择动态加载相关数据。...希望这个解释能帮助你理解和构建自己的二级联动下拉菜单系统。
在"二级联动（二个下拉列表关联）"这个例子中，我们可以深入理解其背后的实现原理和技术细节： 1. **HTML 结构**：首先，HTML 页面会包含两个`<select>`元素，每个元素内部包含多个`<option>`标签，表示不同的可...
HTML二级联动下拉列表框是一种常见的网页交互设计，它允许用户在两个或多个下拉菜单之间建立关联，以便根据用户在第一个下拉框中的选择动态更新第二个下拉框的内容。这种设计常见于区域选择，例如选择省份后，城市...
完全用asp实现二级下拉框联动，asp实现二级菜单联动。文件内附详细源码， 部分源码预览：();"> 请选择=====">=====请选择===== if ch1=2 then for i=1 to m if ch3=rst("state") then response.Write(...
当用户选择一级分类时，我们将根据用户的选择来加载对应的二级分类数据。在changeselect2函数中，我们使用JavaScript语言来实现三级分类的联动效果。当用户选择二级分类时，我们将根据用户的选择来加载对应的三级...
- 对于二级下拉菜单，我们需要根据一级菜单的选择动态更新内容。选中B2单元格，同样打开"数据验证"，选择"序列"。 - 在"来源"中输入`=INDIRECT($A$2)`。这个公式会根据A2单元格（即一级下拉菜单）中的选择，返回...
当用户在一级下拉菜单中选择一个选项时，通过VLOOKUP或INDEX/MATCH等函数，可以动态更新关联的二级下拉菜单，展示与一级选项相关联的子选项。 1. **创建一级下拉菜单** - 首先，打开Excel工作簿，选择你希望放置一...
其中，“二级联动下拉菜单”是一种常见的功能设计，尤其是在需要根据用户在第一个下拉列表中的选择来动态更新第二个下拉列表的情况下。本文将详细介绍如何使用ASP.NET结合AjaxControlToolkit来实现一个无刷新的二级...
在Android应用开发中，"二级联动下拉框"是一种常见的用户界面组件，它通常用于地区选择、类别筛选等场景，用户首先从一个下拉框中选择一个大类（如省份），然后根据所选的大类自动更新第二个下拉框中的选项（如城市...
1、支持PC端级联下拉查询，支持自定义级别，可自由切换层级 2、支持移动端级联下拉查询，支持...4、二级多选树元件（中继器维护数据） 5、三级多选树元件（中继器维护数据） 6、四级多选树元件（中继器维护数据）