本文介绍了一种基于JavaScript实现的省市区域联动下拉选择器，通过Ajax技术动态加载不同级别的行政区划数据。当用户选择省份后，对应的城市列表将被更新；随后选择城市时，相应的区县列表也会相应变化。
录制的GIF动画
部分源码如下：
```
Title选择省份
{$vo.name}
选择城市
选择区域
/**
* 获取城市
* @param t 省份select对象
*/
function get_city(t){
var parent_id = $(t).val();
if(!parent_id > 0){
return;
}
$('#district').empty().css('display','none');
$('#twon').empty().css('display','none');
var url = '/admin/test/getRegion/level/2/parent_id/' + parent_id;
$.ajax({
type : "GET",
url : url,
error: function(request) {
alert("服务器繁忙, 请联系管理员!");
return;
},
success: function(v) {
v = '选择城市'+ v;
$('#city').empty().html(v);
}
});
}
/**
* 获取地区
* @param t 城市select对象
*/
function get_area(t){
var parent_id = $(t).val();
if(!parent_id > 0){
return;
}
$('#district').empty().css('display','inline');
$('#twon').empty().css('display','none');
var url = '/admin/test/getRegion/level/3/parent_id/' + parent_id;
$.ajax({
type : "GET",
url : url,
error: function(request) {
alert("服务器繁忙, 请联系管理员!");
return;
},
success: function(v) {
v = '选择区域'+ v;
$('#district').empty().html(v);
}
});
}
```
扫一扫
4781
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
