js 三级联动菜单

<html>
<head>
<title>List</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<script language = "JavaScript">
var onecount;
onecount=0;
subcat = new Array();
        
subcat[0] = new Array("北京市","13","1");
        
subcat[1] = new Array("唐山","14","5");
        
subcat[2] = new Array("邢台","14","4");
        
subcat[3] = new Array("保定","14","3");
        
subcat[4] = new Array("石家庄","14","2");
        
onecount=5;

function changelocation(locationid)
    {
    document.myform.smalllocation.length = 0;
       
           document.myform.dlmc0.length = 0;
document.myform.dlmc0.options[0] = new Option('==请选择区、县==','');

       

    var locationid=locationid;
    var i;
    document.myform.smalllocation.options[0] = new Option('==请选择市==','');
    for (i=0;i < onecount; i++)
        {
            if (subcat[i][1] == locationid)
            {
                document.myform.smalllocation.options[document.myform.smalllocation.length] = new Option(subcat[i][0], subcat[i][2]);
            }        
        }
        
    }   
</script>

<script language = "JavaScript">
var onecount2;
onecount2=0;
subcat2 = new Array();
        
subcat2[0] = new Array("石景山区","1","石景山区");
        
subcat2[1] = new Array("东城区","1","东城区");
        
subcat2[2] = new Array("朝阳区","1","朝阳区");
        
subcat2[3] = new Array("新华区","2","新华区");
        
subcat2[4] = new Array("裕华区","2","裕华区");
        
subcat2[5] = new Array("长安区","2","长安区");
        
subcat2[6] = new Array("北市区","3","北市区");
        
subcat2[7] = new Array("新市区","3","新市区");
        
subcat2[8] = new Array("邢台桥西区","4","邢台桥西区");
        
subcat2[9] = new Array("邢台桥东区","4","邢台桥东区");
        
subcat2[10] = new Array("古冶区","5","古冶区");
        
subcat2[11] = new Array("路南区","5","路南区");
        
subcat2[12] = new Array("路北区","5","路北区");
        
onecount2=13;

function changelocation2(villageid)
    {
    document.myform.dlmc0.length = 0;

    var villageid=villageid;
    var j;
    document.myform.dlmc0.options[0] = new Option('==请选择区、县==','');
    for (j=0;j < onecount2; j++)
        {
            if (subcat2[j][1] == villageid)
            {
                document.myform.dlmc0.options[document.myform.dlmc0.length] = new Option(subcat2[j][0], subcat2[j][2]);
            }        
        }
        
    }   
</script>

</head>
<body>
<form action="untitled1.asp教程" method="post" name="myform">
  <p><br>
    <select name="biglocation" onChange="changelocation(document.myform.biglocation.options[document.myform.biglocation.selectedIndex].value)" size="1">
      <option selected>请选择省</option>
      
      <option value="13">北京</option>
      
      <option value="14">河北省</option>
      
    </select>

    <select name="smalllocation" onChange="changelocation2(document.myform.smalllocation.options[document.myform.smalllocation.selectedIndex].value)">
      <option selected value="">==请选择市==</option>
    </select>

    <select name="dlmc0" size="1">
      <option value="-1" selected>==请选择区、县==</option>
    </select>
xxx(如何在这里获得区、县下拉菜单的值?)</p>
  <p> <br>
    <input type="submit" name="Submit" value="Submit">
    <br>
  </p>
</form>

</body>
</html>

时间: 2024-09-13 08:11:17

js 三级联动菜单的相关文章

asp.net js三级联动菜单实现方法(1/3)

asp教程.net js三级联动菜单实现方法 在ie5.5, ie8, firefox 2.0.0.12, chrome 8.0.552.237下可用 ashx中,通过传入的参数从数据库教程中获取相应的值. 参数名: type:值为regiontwo(表示获取二级地区),或regionthree(表示获取三级地区), oneid,表示一级地区编号, twoid,表示二级地区编号 其中getregiontwoinfo和getregionthreeinfo为获取二级和三级地区编号及名称的方法 pub

JS封装的三级联动菜单(使用时只需要一行js代码)_javascript技巧

前言 在实际的项目开发中,我们经常需要三级联动,比如省市区的选择,商品的三级分类的选择等等. 而网上却找不到一个代码完整.功能强大.使用简单的三级联动菜单,大都只是简单的讲了一下实现思路. 下面就给大家分享我在工作中封装并在项目中使用的三级级联操作代码,如有错误或者不当的地方欢迎大家指正. 使用简单(只需要一行代码) 可以根据需要设置是否显示"请选择"项 支持回调(在三级分类加载完成后触发回调事件) 支持一个页面多个级联菜单 演示效果预览: 三级联动封装 原理:将selec标签以及相关

ASP+JS三级联动下拉菜单[调用数据库数据]_应用技巧

网上三级菜单多是多但是代码都比较烦,我这个应该说还是比较直观的:'肯定先要连接数据库了,不用说了 '数据库结构 '类别1表名称:a  字段:ID,Name  说明:ID为主键是类别1的ID值,Name为类别1的名称 '类别2表名称:aa  字段:ID,aID,Name  说明:ID为主键是类别2的ID值,aID为所属类别1的ID值,Name为类别2的名称 '类别3表名称:aaa  字段:ID,aID,aaID,Name  说明:ID为主键是类别3的ID值,aID为所属类别1的ID值,aaID为所

jQuery实现的省市县三级联动菜单效果完整实例_jquery

本文实例讲述了jQuery实现的省市县三级联动菜单效果.分享给大家供大家参考,具体如下: 运行效果截图如下: 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/

javascript 省份城市地区三级联动菜单

网页特效 省份城市地区三级联动菜单 <select id="user_shen" name="user_shen" tabindex="10" onchange="changeprovince();" alt="省份:无内容"  >  <option value="0">请选择省份</option>  <option value="北京

原生js三级联动的简单实现代码_javascript技巧

实例如下: <!DOCTYPE html> <head> <title> 三级联动 </title> <meta charset="utf-8"> </head> <body> <script> window.onload = function() { console.log(city) var oDiv = document.getElementById("div");

js 三级关联菜单效果实例_javascript技巧

复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type"

JS三级可折叠菜单实现方法_javascript技巧

本文实例讲述了JS三级可折叠菜单实现方法.分享给大家供大家参考,具体如下: .ASPX代码: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="NavigateMenu.aspx.cs" Inherits="NavigateMenu" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tran

php+javascript实现三级联动菜单

php教程+网页特效实现三级联动菜单 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF