zoukankan      html  css  js  c++  java
  • ajax省市县三级联动

    <div class="col-2 offset-2"><label><span>地址:<strong>&#42</strong></span></label></div>
    <div class="col-6" style="display: flex;justify-content: start;">
    <div id="select0"></div>
    <div id="select1"></div>
    <div id="select2"></div>
    <div id="select3"></div>
    </div>

    js

    // 省市县三级联动
    $(function(){
    var ss = "";
    $.get("https://www..com/lxzaixian/provinces/list",function(data){

    var json = eval(data);
    ss = ss + "<select onchange='getAllCity(this)' >";
    ss = ss + "<option>== 请选择省(区、市) ==</option>";
    for ( var i = 0; i < json.data.length; i++) {
    ss = ss + "<option value="+json.data[i].code+">" + json.data[i].name;
    ss = ss + "</option>";
    }
    ss = ss + "</select>";
    $("div#select0").html(ss);

    });
    })

    function getAllCity(obj) {
    console.log(obj.value)
    var ss = "";
    $.get("https://www..com/lxzaixian/cities/listByParentCode/"+obj.value, function(data) {
    var json = eval(data);
    console.log(json.data)
    ss +="<select onchange='getPalce(this)' >";
    ss +="<option>== 请选择城市 ==</option>";
    for ( var i = 0; i < json.data.length; i++) {
    ss += "<option value="+json.data[i].code+">" + json.data[i].name;
    ss += "</option>";
    }
    ss = ss + "</select>";
    $("div#select1").html(ss);

    });
    }

    function getPalce(obj){
    var ss="";
    $.get("https://www..com/lxzaixian/areas/listByParentCode/"+obj.value,function(data){
    var json = eval(data);
    ss +="<select onchange='getPalce1(this)' >";
    ss +="<option>== 请选择县区 ==</option>";
    for ( var i = 0; i < json.data.length; i++) {
    ss += "<option value="+json.data[i].code+">" + json.data[i].name;
    ss += "</option>";
    }
    ss = ss + "</select>";
    $("div#select2").html(ss);
    });

    }

    function getPalce1(obj){
    var ss="";
    $.get("https://www..com/lxzaixian/streets/listByParentCode/"+obj.value,function(data){
    var json = eval(data);
    ss +="<select>";
    ss +="<option>== 请选择街道区 ==</option>";
    for ( var i = 0; i < json.data.length; i++) {
    ss += "<option value="+json.data[i].code+">" + json.data[i].name;
    ss += "</option>";
    }
    ss = ss + "</select>";
    $("div#select3").html(ss);
    });

    }

  • 相关阅读:
    Codeforces Round 718C Sasha and Array (矩阵线段树)
    Ural Timus 1009 K-based Numbers (dp+矩阵快速幂+快速乘)
    CPE常用指令
    Error opening terminal:xterm解决方法
    编译MT7620n NFS文件系统
    ubuntu中把dash链接变成bash
    USB相关
    HI3515海思开发板移植3G模块笔记
    openwrt的一些琐事
    snprintf拷贝字符串
  • 原文地址:https://www.cnblogs.com/-flq/p/10307722.html
Copyright © 2011-2022 走看看