<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>
分享到:
相关推荐
二级联动。
二级联动 下拉列表 可以进行2级联动下拉等功效 完全的代码 用的时候只需要改改数据库就行了
非常实用的select二级级联菜单.欢迎下载学习
省市编码二级联动json
使用SpringMVC mybatis写二级、三级联动,包含数据库
phpmysql下拉菜单二级联动,连接数据库mysql
JSP页面,采用ajax和json技术,实现了多个下拉框之间的二级联动,也就是选择第一个下拉框的类容之后,后面的下拉框的类容动态改变
uniapp选择器,包含一级,二级级联,三级级联uniapp-picker-master.zip
Java实现Map集合二级联动示例中国省市例子
javascript 二级联动菜单
AjaxTest_ajax+struts+json的二级联动示例,Ajax无刷新二级联动 无刷新的使用
用struts2 doubleselect标签实现的二级联动下拉菜单
本文实例为大家分享了js实现select二级联动下拉菜单,供大家参考,具体内容如下 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath()...
asp+access二级级联菜单 asp+access二级联动
二级联动asp+js 此处为数据库链接文件,可以根据自己的进行添加 免费分享给大家
1、支持PC端级联下拉查询,支持自定义级别,可自由切换层级 2、支持移动端级联下拉查询,支持...4、二级多选树元件(中继器维护数据) 5、三级多选树元件(中继器维护数据) 6、四级多选树元件(中继器维护数据)
四级联动代码ajax版,希望对您有...还有联动系列代码:ajax_二级联动1个表 ajax_二级联动2个表 ASPJs sqlserver四级级联及无限级级联 ASP三级联动1个表 二级联动无数据库_vbscript 蓝木省市县三级联动菜单 文本数据库
使用Ajax Json实现省市二级联动使用Ajax Json实现省市二级联动
当二级联动要实现数据库时实读取时,比较麻烦,本例子用Ajax可以简单实现 ajax+Jsp+js+servlet
微信小程序picker组件,省市二级联动及其修改时进行回显,文件只提供参考,希望给需要的朋友带来帮助。