二级联动菜单详解

原创 2004年09月23日 17:51:00

<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>

使用javascript实现二级联动菜单

关于使用javascript实现二级联动菜单的探讨
  • u011526599
  • u011526599
  • 2016年05月07日 23:43
  • 6067

Android横向二级联动菜单的实现

这种横向的二级菜单在很多的app都有所应用.效果看起来还是非常的美观的.也算是项目需要,自己也就学了一下这个效果,首先说一下逻辑.实现的方式其实并不是很难..只不过逻辑上可能有点复杂.原理其实就是一个...
  • xiaole0313
  • xiaole0313
  • 2016年12月15日 18:43
  • 1102

css+js 版本的二级二级联动选择菜单

www.111cn.net //定义了分类的二维数组,里面的顺序跟外表的顺序是相同的。通过selectedIndex获得不同大类的下标值来得到相应的分类数组 var item=[ ...
  • hpugym
  • hpugym
  • 2015年08月11日 15:35
  • 886

二级联动菜单,简单实现

/** * jQuery Linkage Menu * * Copyright 2014, sunyingyuan * QQ: 1586383022 * Email: yingyuansun...
  • sunyingyuan
  • sunyingyuan
  • 2014年03月04日 10:16
  • 3691

JQ实现多二级联动菜单的实现

jquery实现二级联动菜单的简单实现 1.html代码 ...
  • mine_yaya
  • mine_yaya
  • 2016年11月10日 15:20
  • 2039

iOS-简单的二级联动菜单

二级联动,可以左侧是一个tabview右侧也是一个tabview,也可以左侧一排按钮,右侧tabview,点击左侧,刷新右侧数据,这一步很简单,我当时不理解的是右侧数据滑动,左侧怎么刷新呢,这需要考虑...
  • requestnslog
  • requestnslog
  • 2017年01月02日 08:43
  • 2137

js 省市二级联动菜单

JS省份三级联动 省份 市县 var province = document.getElementById('province'); var c...
  • wmsjlihuan
  • wmsjlihuan
  • 2014年03月07日 11:59
  • 9602

JavaScript之AJAX实现二级联动菜单(jsp+js+servlet+xml)

本文实现了AJAX的二级联动菜单,并给出了详细的实现步骤
  • fengyinchao
  • fengyinchao
  • 2015年06月25日 21:13
  • 1226

我的ASP之旅—二级联动菜单制作

        这个问题其实已经蛮老了,不过作为刚学ASP3个月的我来说,还是有必要写下来强化自己的基础知识。        就拿最常用的“省市下拉列表联动”作为例子吧!        在我们制作网站...
  • brothercat
  • brothercat
  • 2005年07月13日 11:11
  • 3110

基于jquery的二级联动菜单

$(document).ready(function(){               // ready()表示网页一加载完就执行 $("#province").change(function(){...
  • daijiguo
  • daijiguo
  • 2015年04月03日 12:11
  • 1289
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:二级联动菜单详解
举报原因:
原因补充:

(最多只允许输入30个字)