<html>
<head>
</head>
<body>
<script language="JavaScript">
<!--
//第一维:第一个下拉列表的值
//第二维:表示下拉列表中看到的字符串
//第三维:表示下拉列表中的值
var subcat = new Array();
//如果大类的值是动态的,则可以通过数据库中取出作如下设置
//subcat[<%=count%>] = new Array('<%=trim(rs("leemaid"))%>','<%=rs("leemaconte nt")%>','<%=rs("leemacontent")%>');
subcat[0] = new Array('1','电视机','=1')
subcat[1] = new Array('1','电风扇','=2')
subcat[2] = new Array('1','电饭煲','=3')
subcat[3] = new Array('1','电炒锅','=4')
subcat[4] = new Array('1','电灯','=5')
subcat[5] = new Array('1','电脑','=6')
subcat[6] = new Array('1','电冰箱','=7')
subcat[7] = new Array('1','洗衣机','=8')
subcat[8] = new Array('1','微波炉','=9')
subcat[9] = new Array('1','VCD影碟机','=1')
subcat[10] = new Array('2','二极管','=11')
subcat[11] = new Array('2','三极管','=12')
subcat[12] = new Array('2','CMOS集成块','=13')
subcat[13] = new Array('2','电阻','=14')
subcat[14] = new Array('2','电容','=15')
subcat[15] = new Array('2','整流二极管','=16')
subcat[16] = new Array('2','整流桥','=17')
subcat[17] = new Array('2','可控硅','=18')
subcat[18] = new Array('2','电子枪','=19')
subcat[19] = new Array('2','光敏二极管','=2')
function changeselect1(selectValue)
{
document.form1.s2.length = 0;//初始化下拉列表 清空下拉数据
//document.form1.s2.options[0] = new Option('请选择二级小类','');//给第一个值
for (i=0; i<subcat.length; i++)//legth=2
{
if (subcat[i][0] == selectValue)//[0] [1] 第一列 第二列
{
document.form1.s2.options[document.form1.s2.length] = new Option(subcat[i][1], subcat[i][2]);
}
}
}
//-->
</script>
<form name="form1">
二级联动：
<select name="s1" onChange="changeselect1(this.value)">
<option>请选择一级大类</option>
<option value="1">家用电器</option>
<option value="2">电子元器件</option>
</select>
<select name="s2" onChange="alert(this.value)">
<option>请选择二级小类</option>
</select>
</form>
</body>
</html>
分享到：
相关推荐
二级联动，也称为级联选择或连锁反应，是指在一个下拉菜单的选择会影响到另一个下拉菜单的选项。这种设计通常用于减少用户输入，提高用户体验，让用户能够通过逐级选择来找到所需的具体信息。例如，在一个网页上，...
在网页开发中，"select级联二级菜单"是一种常见的交互设计，主要用于呈现具有层次结构的数据。这种设计使得用户可以通过选择一级菜单项来显示相应的二级菜单，进而进行更精确的选择。在给定的资源中，我们可以推测这...
二级联动 下拉列表 可以进行2级联动下拉等功效 完全的代码 用的时候只需要改改数据库就行了
省市编码二级联动json
在IT行业中，二级联动和三级联动是常见的前端交互设计，主要应用于下拉菜单或选择框之间数据的关联性展示。这种设计通常出现在如地区选择、商品分类筛选等场景，用户在选择一级选项后，二级、三级选项会相应更新，...
在IT行业中，二级联动是一种常见的交互设计，尤其在网页表单和数据筛选中十分常见。本文将详细讨论“下拉框二级联动”这一主题，以及如何利用AJAX和JSON技术来实现这一功能。 首先，我们要理解什么是二级联动。在...
在网页设计中，二级联动下拉菜单是一种常见的交互元素，常用于分类选择或者地区筛选等场景。这种功能的实现通常涉及到前端和后端的交互，其中PHP作为后端语言，负责处理数据并返回给前端。本篇文章将详细介绍如何...
在这个"Java实现Map集合二级联动示例中国省市例子"中，我们将探讨如何使用Map来构建一个二级联动的功能，常见于如中国省市选择的场景。这个场景通常出现在需要用户首先选择省份，然后根据所选省份展示对应的市的选择...
通常，二级联动的数据库设计会包含两个或多个相关联的表，例如：`categories`（一级分类）和`sub_categories`（二级分类），它们之间可能通过`category_id`建立外键关系。 `categories`表结构可能如下： ```sql ...
在实际开发中，我们常常会遇到一级、二级甚至三级联动的选择场景，例如省份-城市-区县的选择。在"uniapp选择器,包含一级,二级级联,三级级联uniapp-picker-master.zip"这个压缩包中，包含了实现这种级联选择的示例...
中国城市二级联动数据展示(json形式)
javascript 二级联动菜单
本篇文章将深入探讨`picker`组件在实现省市二级联动以及修改时回显的效果，这对于构建交互良好的用户界面至关重要。 一、`picker`组件基本使用 `picker`组件是微信小程序内置的一种UI组件，它为用户提供了一个滚动...
UniApp开发前景分析：专业视角引领未来 随着移动互联网的迅猛发展，跨平台应用开发框架UniApp以其独特的优势，展现出广阔的开发前景。 UniApp基于Vue.js，采用一次编写、多端运行的设计理念，极大降低了开发成本和...
1、支持PC端级联下拉查询，支持自定义级别，可自由切换层级 2、支持移动端级联下拉查询，支持...4、二级多选树元件（中继器维护数据） 5、三级多选树元件（中继器维护数据） 6、四级多选树元件（中继器维护数据）
在Android开发中，"Android Wheel滚轮二级级联"是一个常见的用户界面元素，它用于创建类似于滚轮选择器的效果，通常用于日期选择、选项选择等场景。滚轮级联意味着在一个滚轮选择后，第二个滚轮会根据第一个滚轮的...
**Ajax无刷新二级联动**是一种常见的前端交互技术，它通过Ajax（Asynchronous JavaScript and XML）实现页面局部数据的异步更新，使得用户在无需整个页面刷新的情况下，能够完成上下级菜单之间的联动操作。...
在三级联动的实现中，Ajax常用于在用户改变一级或二级菜单选择时，异步地向服务器发送请求，获取新的关联数据，然后更新相应的下拉菜单。 PHP（Hypertext Preprocessor）是一种广泛应用的开源脚本语言，特别适合于...
二级联动asp+js 此处为数据库链接文件，可以根据自己的进行添加 免费分享给大家
本文实例为大家分享了js实现select二级联动下拉菜单，供大家参考，具体内容如下 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath()...