加入收藏
联系我们
关于我们
 您现在的位置: 亿聪 >> 网络学院 >> 网络编程 >> JavaScript >> 正文  
  二级联动菜单详解         ★★★
二级联动菜单详解
[ 作者:ghjhot    转贴自:CSDN    点击数:7471    更新时间:2004/9/29    文章录入:亿聪 ]
 

<html>
<head>
</head>
<body>
<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++)                            //legth=20
        {
                if (subcat[i][0] == locationid)                    //[0] [1] 第一列 第二列
                {document.form1.s2.options[document.form1.s2.length] = new Option(subcat[i][1], subcat[i][2]);}                                    //建立option
    //第一次 length=1 因为有==请选择==
    //i=9时 length= 10 值有11个 因为从0数起 subcat[i][0] == locationid屏蔽了再写
        }
}
//-->
</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>

[1]

  • 上一篇文章: 常用javascript代码

  • 下一篇文章: BS开发中常用的Javascript技术
  • 发表评论】【告诉好友】【打印此文】【关闭窗口
     最新5篇热点文章
  • Knoppix 4.0.2 免硬盘免安…[15063]

  • 通过ASP记录进行分页[19253]

  • ASP开发准则[11204]

  • ASP组件指南[11175]

  • ASP指南[11188]

  •  
     最新5篇推荐文章
  • Knoppix 4.0.2 免硬盘免安…[15063]

  • 如何让Win 2003系统更加安…[12430]

  • Nero超刻简明教程[33931]

  • PS商业实战-来杯茶,行吗?…[7074]

  • ASP深度揭密(下)[12193]

  •  
     相 关 文 章
  • VBScript版的省市联动菜单…[3094]


  •   网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
        没有任何评论
    设为首页 | 加入收藏 | 关于我们 | 联系我们 | 友情链接 | 版权声明 | 管理登录
    Copyright © 2000-2022 Yicong.com.All Rights Reserved.
    亿聪 版权所有 E-mail: