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

    jsp部分代码:

    <div id="pro"></div>
    <div id="city"></div>
    <div id="place"></div>

    js代码:

    // 省市县三级联动
        $(function(){
            var ss = "";
            $.get("获取所有省份的action的URL",function(data){
                var json = eval("(" + data + ")");
                ss = ss + "<select onchange='getAllCity(this)' >";
                ss = ss + "<option>== 请选择省(区、市)  ==</option>";
                for ( var i = 0; i < json.length; i++) {
                    ss = ss + "<option value="+json[i].id+">" + json[i].name;
                    ss = ss + "</option>";
                }
                ss = ss + "</select>";
                $("div#pro").html(ss);
            });
        })
        
        function getAllCity(obj) {
            var ss = "";
            $.get("根据省份ID获取对应所有城市的action的URL?previousId=" + obj.value , function(data) { 
                var json = eval("(" + data + ")");
                ss +="<select onchange='getPalce(this)' >";
                ss +="<option>== 请选择城市 ==</option>";
                for ( var i = 0; i < json.length; i++) {
                    ss += "<option value="+json[i].id+">" + json[i].name;
                    ss += "</option>";
                }
                ss = ss + "</select>";
                $("div#city").html(ss);
    
            });
        }
        
        function getPalce(obj){
            var ss="";
            $.get("根据城市ID获取对应所有县区的action的URL?area="+obj.value,function(data){
                var json=eval("(" + data + ")");
                ss +="<select>";
                ss +="<option>== 请选择县区 ==</option>";
                for(var i=0;i<json.length;i++){
                    ss += "<option value="+json[i].examPlace+">" + json[i].examPlaceName;
                    ss += "</option>";
                }
                ss = ss + "</select>";
                $("div#llace").html(ss);
            });
        
            }
  • 相关阅读:
    win10安装mysql5.7.20解压版
    mvn snapshot
    git SSH key
    Grails踩坑记
    oracle数据库中使用hibernate生成表不能正确创建表
    有些人
    制定短期计划(3月9-4.29)
    有些话
    Linux中mysql主从复制
    Linux下安装mysql
  • 原文地址:https://www.cnblogs.com/klslb/p/7209583.html
Copyright © 2011-2022 走看看