最新省市区三级联动(数据库版).js_前端联级地址资源-CSDN文库

5星 · 超过95%的资源需积分: 49 49 浏览量 2013-10-24 08:58:27 上传评论收藏 20KB DOC 举报

资源推荐

资源详情

资源评论

/**

* 全国省市区三级联动数据库版

*/

/**

* 三级联动主函数(只调用主函数即可实现三级联动，无需调用其他函数)

* 页面只写<select>标签即可，不用添加<option>，省市区的 id 分别是 province,city,district

* @param {Object} provinceId 修改时传入省 id 或省份名，如不需要请传入 0

* @param {Object} cityId 修改时传入市 id 或城市名(必须是默认省的市 id，否则无法默认

选中该城市和下属区县)，如不需要请传入 0

* @param {Object} districtId 修改时传入区 id 或区县名(必须是默认市的区 id，否则无法默

认选中该区县)，如不需要请传入 0

*/

function cascade(provinceId,cityId,districtId){

$(document).ready(function(){

//页面加载后显示所有省份

getProvince(provinceId,cityId,districtId);

//改变省份获取本省的所有城市

$("#province").change(function(){

getCity($("#province").val(),cityId,districtId);

});

//改变城市获取本市的所有区县

$("#city").change(function(){

getDistrict($("#city").val(),districtId);

});

})

}

/**

* 获取所有省份

* @param {Object} provinceId 默认选中的省份

* @param {Object} cityId 传递参数给 getCity 函数

* @param {Object} districtId 传递参数给 getCity 函数

*/

function getProvince(provinceId,cityId,districtId){

$.getJSON("area!findProvince.action",function(data){

$.each(data,function(i,rs){

var data = "<option value="+i+">"+rs+"</option>";

if(i==provinceId || rs==provinceId){

data = "<option selected='selected' value="+i+">"+rs+"</option>";

}

$("#province").append(data);

});

getCity($("#province").val(),cityId,districtId);

})

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

内容反馈

u011080432

2015-06-14

很不错的资源
皮芊芊

2016-09-19

很不错，支持了啊。
kange001

2014-07-01

不错，谢谢分享
程序源55

2014-01-10

很不错，支持了啊。。
cphone5

2017-06-25

不错的资源，可以用来参考。

前往

页

sdgagg

粉丝: 0
资源: 6

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip