联动选择菜单（二级联动菜单 三 级联动菜单）
发布时间：2023-06-26 22:37:55
要实现此效果需要 1 个步骤：
第 1 步：
把下面的代码加到<BODY></BODY>区域中，并将左右书名号改成小写的尖括号，就OK了！
<script language="JavaScript">
<!--
var subcat = new Array();
subcat[0] = new Array('10','1','=1')
subcat[1] = new Array('10','2','=2')
subcat[2] = new Array('10','3','=3')
subcat[3] = new Array('10','4','=4')
subcat[4] = new Array('10','5','=5')
subcat[5] = new Array('10','6','=6')
subcat[6] = new Array('10','7','=7')
subcat[7] = new Array('10','8','=8')
subcat[8] = new Array('10','9','=9')
subcat[9] = new Array('10','10','=10')
subcat[10] = new Array('20','11','=11')
subcat[11] = new Array('20','12','=12')
subcat[12] = new Array('20','13','=13')
subcat[13] = new Array('20','14','=14')
subcat[14] = new Array('20','15','=15')
subcat[15] = new Array('20','16','=16')
subcat[16] = new Array('20','17','=17')
subcat[17] = new Array('20','18','=18')
subcat[18] = new Array('20','19','=19')
subcat[19] = new Array('20','20','=20')
function changeselect1(locationid)
{
document.form1.s2.length = 0;
document.form1.s2.options[0] = new Option('==请选择==','');
for (i=0; i<subcat.length; i++)
{
if (subcat[i][0] == locationid)
{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="10">1-10</option>
<option value="20">11-20</option>
</select>
<select name="s2" onChange="alert(this.value)">
<option>==请选择==</option>
</select>
</form>
<!-- 二级联动 Over -->
<!-- * 联动 Start -->
<script language="JavaScript">
<!--
var subval = new Array();
subval[0] = new Array('10','单数','1','=1')
subval[1] = new Array('10','双数','2','=2')
subval[2] = new Array('10','单数','3','=3')
subval[3] = new Array('10','双数','4','=4')
subval[4] = new Array('10','单数','5','=5')
subval[5] = new Array('10','双数','6','=6')
subval[6] = new Array('10','单数','7','=7')
subval[7] = new Array('10','双数','8','=8')
subval[8] = new Array('10','单数','9','=9')
subval[9] = new Array('10','双数','10','=10')
subval[10] = new Array('20','单数','11','=11')
subval[11] = new Array('20','双数','12','=12')
subval[12] = new Array('20','单数','13','=13')
subval[13] = new Array('20','双数','14','=14')
subval[14] = new Array('20','单数','15','=15')
subval[15] = new Array('20','双数','16','=16')
subval[16] = new Array('20','单数','17','=17')
subval[17] = new Array('20','双数','18','=18')
subval[18] = new Array('20','单数','19','=19')
subval[19] = new Array('20','双数','20','=20')
function changeselect2()
{
document.form2.s2.length = 0;
document.form2.s2.options[0] = new Option('==请选择==','');
document.form2.s2.options[1] = new Option('选择单数','单数');
document.form2.s2.options[2] = new Option('选择双数','双数');
document.form2.s3.length = 0;
document.form2.s3.options[0] = new Option('==请选择==','');
}
function changeselect3(sub1,sub2)
{
document.form2.s3.length = 0;
document.form2.s3.options[0] = new Option('==请选择==','');
for (i=0; i<subval.length; i++)
{
if ((subval[i][0] == sub1) & (subval[i][1] == sub2))
{document.form2.s3.options[document.form2.s3.length] = new Option(subval[i][2], subval[i][3]);}
}
}
//-->
</script>
<form name="form2">
* 联动：
<select name="s1" onChange="changeselect2()">
<option>==请选择==</option>
<option value="10">1-10</option>
<option value="20">11-20</option>
</select>
<select name="s2" onChange="changeselect3(document.form2.s1.value,this.value)">
<option>==请选择==</option>
</select>
<select name="s3" onChange="alert(this.value)">
<option>==请选择==</option>
</select>
</form>
<!-- * 联动 Over -->
0
投稿猜你喜欢
- 面向对象的程序设计随着程序的设计的复杂性增加，结构化程序设计方法又不够用了。不够用的根本原因是“代码重用”的时候不方便。面向对象的方法诞生了
- 关于建立索引的几个准则：1、合理的建立索引能够加速数据读取效率，不合理的建立索引反而会拖慢数据库的响应速度。2、索引越多，更新数据的速度越慢
- 最近，在搞这个东西，网上也找不到asp相关的，如果有人很早弄出来了，也不要笑话偶；费了好久，总算搞定；原理：用stream对象预读文件的头两
- 在Windows环境下，经常遇到系统Over的情况，如果你在新装了系统和SQL Server 2005后，需要把SQL Server2000
- 我在传递数据的时候老是出错，请问如何处理？不管是什么数据库，一般来说，是它所包含引号的字符串带来的问题。假设我们使用名为“strDate”的
1 引子 Java，C#等各种高级语句的开发工具琳琅满目，争放异彩。但作为AJAX的主角的JavaScri- 说到网络产品，离不开的话题就是用户，就像传统行业的消费者。人是复杂的，网民的用户行为更加复杂，用户和用户是不一样的，或者说，每个用户都不一样
- 在sql语句后使用 SCOPE_IDENTITY() 当然您也可以使用 SELECT @@IDENTITY 但是使用 SELECT @@ID
- 在my.cnf中设置了sql_mode='STRICT_TRANS_TABLES';却发现还是有非法数据的写入，比如无符号整
- 将有安全问题的SQL过程删除.比较全面.一切为了安全!删除了调用shell，注册表，COM组件的破坏权限MS SQL SERVER2000使
- Oracle客户端精简后的文件，可以实现数据库的通信，直接和软件打包： 第一步：拷贝文件：主要是四个目录：bin，nls，oracore，N
- 体系结构 Microsoft按照客户/服务器体系结构的分布进行操作。这种方法产生不必要的代价和复杂性。在Internet中，Oracle已经
- 什么是CSS Sprites？“Sprite”（精灵）这个词在计算机图形学中有它独特的定义，由于游戏、视频等画质越来越高，必须有一种技术可以
- Macromedia StandardMacromedia Dreamweaver MXMenu Commandsphotoshop快捷键大
- 昨晚着手给个人博客增加网易微博的调用，在Opera下却出现了一个意想不到的问题。内容的展示，一开始是做成横向不间断滚动（现在已经改成纵向定时
- asp如何将RGB颜色转化成到16进制的？在R G B中输入小于255的数字点击观看即可转换成#开通的16进制。代码如下：<％R_RG
- SQL Server TEXT、NTEXT字段拆分的问题引用的内容：SET NOCOUNT ON CREATE
- 这次我们讨论的是，区分有单选框的选项和普通的选项~~乍听起来，可能不太理解我说了什么，下面举个例子先~~1、标签的单选~~例如QQ秀的支付流
- 本来在网上有不少关于这方面的文章，可是我找了好久也没看到把（可能我的搜索水平有线把）不过倒是聊天室的很多。如何统计会员再线状态，希望对刚开始
- 汉字转为拼音的asp函数，原理：利用多维数组 1.添加索引 2.遍历数组Author: Unknowasp之家测试截图，呵呵不错：<％
