springboot整合jpa做省市区三级联动
省市区三级联动,顾名思义就是点击对应的省份在第二节点会出现对应的市,点击对应的市,会出现对应的城区。即一级节点的code决定二级节点,二级节点code决定三级节点,以此类推也能做四级联动,五级联动等等。
1.首先我们写这个一定是要有数据库的数据
表数据去百度一下就有了三级联动表数据
2.然后我们来看下前端
<body>
省:<select name="sheng" id="shengcode" onchange="method1()"></select>
市:<select name="shi" id="shicode" onchange="method2()"></select>
县:<select name="xian" id="xiancode"></select>
</body>
3.再来是js代码
$(function(){
//发送请求
$.get("sheng",function(result){
//获取下拉框对象
var shengfen = $("#shengcode");
//JSON对象
var allsheng = JSON.parse(result);
for(var i = 0;i<allsheng.length;i++){
//获取Id和省份名Name
var shengdecode = allsheng[i].Code;
var shengname=allsheng[i].Name;
//拼接
var biaoqian = $("<option value="+shengdecode+">"+shengname+"</option>");
shengfen.append(biaoqian);
}
//调用查询的市级方法,这样市级会根据省级的变化而变化,产生联动效果。
method();
});
});
3.1 根据省份我们来查询第二级的市
function method1(