zoukankan      html  css  js  c++  java
  • 三级联动第二种方法 三级联动.html

    <!DOCTYPE html>

    <html>

     

    <head>

    <meta charset="UTF-8">

    <title></title>

    </head>

     

    <body>

    <select id="province" name="province">

    <option value="">请选择</option>

    </select>

    <select id="city" name="city">

    <option value="">请选择</option>

    </select>

    <select id="agency" name="agency">

    <option value="">请选择</option>

    </select>

    </body>

    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

    <script type="text/javascript" src="js/三级联动数据.js"></script>

    <script type="text/javascript">

    for(var a in data[0]) {

    var province = $("<option value=''></option>");

    $("#province").append(province);

    province.text(data[0][a]);

    province.val(a);

    }

    var cityKey;

    $("select[name=province]").on("change", function(){

    $("#city")[0].options.length = 1;

    $("#agency")[0].options.length = 1;

    cityKey = "0," + $(this).val();

    for(var b in data[cityKey]){

    var city = $("<option value=''></option>");

    $("#city").append(city);

    city.text(data[cityKey][b]);

    city.val(b);

    }

    });

    $("select[name=city]").on("change", function(){

    var agencyKey = cityKey + "," + $(this).val();

    for(var c in data[agencyKey]){

    var agency = $("<option value=''></option>");

    $("#agency").append(agency);

    agency.text(data[agencyKey][c]);

    agency.val(c);

    }

    });

    </script>

    </html>

  • 相关阅读:
    338. 比特位计数
    300.最长上升子序列
    git 钩子服务代码
    thinkphp5.1 封装文件上传模块
    Theano 基础
    使用anaconda和pycharm搭建多python本版的开发环境
    GIT常用命令
    Thinkphp 获取数据表随机值
    在Windows中利用.bat提交git代码到不同分支
    Windows .bat 常量
  • 原文地址:https://www.cnblogs.com/luckyXcc/p/5740764.html
Copyright © 2011-2022 走看看