您的位置:68399皇家赌场 > 服务器租用 > js达成轻松的联合浮动菜单功用

js达成轻松的联合浮动菜单功用

发布时间:2019-07-13 06:50编辑:服务器租用浏览(86)

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <script type="text/javascript">
    //好像不是这样子
    var arr_province = ["请选择省/城市","北京市","上海市","天津市","重庆市","深圳市","广东省","河南省"];
    var arr_city = [
            ["请选择城市/地区"],
            ["东城区","西城区","朝阳区","宣武区","昌平区","大兴区","丰台区","海淀区"],
            ['宝山区','长宁区','丰贤区', '虹口区','黄浦区','青浦区','南汇区','徐汇区','卢湾区'],
            ['和平区', '河西区', '南开区', '河北区', '河东区', '红桥区', '塘古区', '开发区'],
            ['俞中区', '南岸区', '江北区', '沙坪坝区', '九龙坡区', '渝北区', '大渡口区', '北碚区'],
            ['福田区', '罗湖区', '盐田区', '宝安区', '龙岗区', '南山区', '深圳周边'],
            ['广州市','惠州市','汕头市','珠海市','佛山市','中山市','东莞市'],
            ['郑州市']
          ];
    //函数:当省份中的option改变时,城市中的数据应该相应的改变
    function select_change(index)
    {
      var city = document.form1.city;
      //根据当前index确定city中要写入的二维数组是哪一个
      city.length = 0;
      city.length = arr_city[index].length;
      for(var i=0;i<arr_city[index].length;i  )
      {
        //创建每一个option对象(option标记)
        city.options[i].text = arr_city[index][i];
        city.options[i].value = arr_city[index][i];
      }
    }
    //函数:给province对象添加option对象,每个option的内容来自于arr_province
    function init()
    {
      //获取province和city对象
      var province = document.form1.province;
      var city = document.form1.city;
      //指定下拉列表的高度,准备写入几个option的标记(很重要)
      province.length = arr_province.length;           //这句必须有
      //循环数组,将数组内容写入到province中去
      for(var i=0;i<arr_province.length;i  )
      {
        //创建每一个option对象(option标记)
        province.options[i].text = arr_province[i];
        province.options[i].value = arr_province[i];
      }
      //指定省份当前的默认选中索引号
      var index = 0;
      province.selectedIndex = index;
      //对象city的内容来自于province的选择
      //我们默认指定一个option,一般是下标为0的那个
      city.length = arr_city[index].length;
      for(var j=0;j<arr_city[index].length;j  )
      {
        //创建每一个option对象(option标记)
        city.options[j].text = arr_city[index][j];
        city.options[j].value = arr_city[index][j];
      }
    }
    
    </script>
    </head>
    
    <body onload="init()">
    <form name="form1">
    省份:<select name="province" onchange="select_change(this.selectedIndex)" style="width:130px;"></select>
    城市:<select name="city"></select>
    </form>
    </body>
    </html>
    

    你只怕感兴趣的小说:

    • javascript协理区号输入的省市二级联合浮动下拉菜单
    • js操作二级联合浮动达成代码
    • 最佳用的省市二级联合浮动 原生js完结您值得全数
    • 差非常少js代码实现selece二级联动(推荐)
    • javascript读取Xml文件做贰个二级联合浮动菜单示例
    • www.68399.com ,jquery实现下拉菜单的二级联合浮动接纳json对象从DB取值展现联合浮动
    • PHP Mysql Ajax JS实现省市区三级联合浮动
    • js达成的全国省市二级联合浮动下拉精选菜单完整实例
    • JS简单贯彻城市二级联合浮动选拔插件的点子
    • jsp从数据库获取数据填充下拉框实现二级联合浮动菜单的章程

    本文实例陈诉了js达成全国省市二级联动下拉挑选菜单,分享给我们供...

    如上便是本文的全体内容,希望对我们的学习抱有帮助,也意在大家多多扶助脚本之家。

    在线演示地址如下:

    盼望本文所述对大家的javascript程序设计具备协理。

    基于javascript实现全国省市二级联合浮动下拉接纳菜单,javascript选取菜单

    正文实例汇报了js实现全国省市二级联动下拉选拔菜单,分享给大家供我们参谋。具体如下:

    效果图:

     www.68399.com 1

    切实代码:

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <script type="text/javascript">
    //好像不是这样子
    var arr_province = ["请选择省/城市","北京市","上海市","天津市","重庆市","深圳市","广东省","河南省"];
    var arr_city = [
            ["请选择城市/地区"],
            ["东城区","西城区","朝阳区","宣武区","昌平区","大兴区","丰台区","海淀区"],
            ['宝山区','长宁区','丰贤区', '虹口区','黄浦区','青浦区','南汇区','徐汇区','卢湾区'],
            ['和平区', '河西区', '南开区', '河北区', '河东区', '红桥区', '塘古区', '开发区'],
            ['俞中区', '南岸区', '江北区', '沙坪坝区', '九龙坡区', '渝北区', '大渡口区', '北碚区'],
            ['福田区', '罗湖区', '盐田区', '宝安区', '龙岗区', '南山区', '深圳周边'],
            ['广州市','惠州市','汕头市','珠海市','佛山市','中山市','东莞市'],
            ['郑州市']
          ];
    //函数:当省份中的option改变时,城市中的数据应该相应的改变
    function select_change(index)
    {
      var city = document.form1.city;
      //根据当前index确定city中要写入的二维数组是哪一个
      city.length = 0;
      city.length = arr_city[index].length;
      for(var i=0;i<arr_city[index].length;i  )
      {
        //创建每一个option对象(option标记)
        city.options[i].text = arr_city[index][i];
        city.options[i].value = arr_city[index][i];
      }
    }
    //函数:给province对象添加option对象,每个option的内容来自于arr_province
    function init()
    {
      //获取province和city对象
      var province = document.form1.province;
      var city = document.form1.city;
      //指定下拉列表的高度,准备写入几个option的标记(很重要)
      province.length = arr_province.length;           //这句必须有
      //循环数组,将数组内容写入到province中去
      for(var i=0;i<arr_province.length;i  )
      {
        //创建每一个option对象(option标记)
        province.options[i].text = arr_province[i];
        province.options[i].value = arr_province[i];
      }
      //指定省份当前的默认选中索引号
      var index = 0;
      province.selectedIndex = index;
      //对象city的内容来自于province的选择
      //我们默认指定一个option,一般是下标为0的那个
      city.length = arr_city[index].length;
      for(var j=0;j<arr_city[index].length;j  )
      {
        //创建每一个option对象(option标记)
        city.options[j].text = arr_city[index][j];
        city.options[j].value = arr_city[index][j];
      }
    }
    
    </script>
    </head>
    
    <body onload="init()">
    <form name="form1">
    省份:<select name="province" onchange="select_change(this.selectedIndex)" style="width:130px;"></select>
    城市:<select name="city"></select>
    </form>
    </body>
    </html>
    

    盼望本文所述对大家的javascript程序设计有所支持。

    正文实例为大家大快朵颐了js下拉联合浮动的有血有肉代码,供大家参照他事他说加以考察,具体内容如下

    现实代码如下:

     www.68399.com 2

    你也许感兴趣的篇章:

    • 全国省市二级联合浮动下拉菜单 js版
    • 最简便易行js代码完毕select二级联合浮动下拉菜单
    • 基于javascript达成全国省市二级联合浮动下拉挑选菜单
    • javascript省市区三级联动下拉框菜单实例演示
    • javascript贯彻省市区三级联合浮动下拉框菜单
    • JS实多级联合浮动下拉菜单类,不难完结省市区联合浮动菜单!
    • js达成的举国省市二级联合浮动下拉精选菜单完整实例
    • jquery json 通用三级联动下拉列表
    • js 自定义的联合浮动下拉框
    • 省市区三级联合浮动下拉框菜单javascript版

    运维效果截图如下:

    本文由68399皇家赌场发布于服务器租用,转载请注明出处:js达成轻松的联合浮动菜单功用

    关键词: 68399皇家赌场

上一篇:bootstrap手风琴折叠示例代码分享

下一篇:没有了