Python全系列 教程
3567个小节阅读:5931.6k
目录
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
页面刷新加载三级联动菜单数据
xxxxxxxxxx
//页面刷新加载三级联动菜单数据
$(function() {
loadProvince();
});
function loadProvince() {
loadArea(0,'province',loadCity);
}
function loadCity() {
loadArea($('#province').val(),'city',loadTown);
}
function loadTown() {
loadArea($('#city').val(),'town');
}
function loadArea(pid,selectId,nextLoad) {
//清空当前select框数据
$('#'+selectId).empty();
//发送ajax请求加载数据
$.get('/userapp/loadArea/',{'pid':pid},function(result) {
//接收响应数据
var jareaList = result.jareaList;
console.log(jareaList)
//将json格式字符串数据转换成json对象数据
var areaList = JSON.parse(jareaList);
//遍历数组
for(var i=0;i<areaList.length;i++){
area = areaList[i];
//将数据插入到下拉列表中
$('#'+selectId).append('<option value="'+area.pk+'">'+area.fields.areaname+'</option>')
}
//判断是否需要加载下一级菜单
if(nextLoad!=null){
nextLoad();
}
});
}
function loadInfo() {
//获取下拉列表中值
var province = $('#province>option:selected').text();
var city = $('#city>option:selected').text();
var town = $('#town>option:selected').text();
var addr = province +' '+city+' '+town;
$('#addr').val(addr);
}
</script>