您的位置:首页 > 数据库 > MySQL

JQ+MYSQL实现省市区联动JQ部分

2016-07-14 13:39 531 查看

JQ+MYSQL实现省市区联动JQ部分

1、PHP代码
相关函数:add、add1、add2、edit、insert、update

2、mysql文件beautiful数据库里的tb_region_conf表(省市联动表)

3、JS代码
<script type="text/javascript">
$(document).ready(function () {
//下拉框变化事件(省)
$("#province").change(function(){
//获取下拉框的值
var n=$("#province").val();
$.ajax({
url:'/m.php?m=User&a=add1',
data:{'ajax_province':n},
type:'post',
success:function(a){
//清除现有的下拉框选项
$("#city1").nextAll().remove();
$("#area1").nextAll().remove();
if(a) {
//获取并转化JSON值
var b = eval("(" + a + ")");
//添加下拉框
for (var c in b) {
$("#city").append("<option value="+b[c]['region_name']+">"+b[c]['region_name']+"</option>");
}
}
}
});
});

//下拉框变化事件(市)
$("#city").change(function(){
var n=$("#city").val();
$.ajax({
url:'/m.php?m=User&a=add2',
data:{'ajax_city':n},
type:'post',
success:function(a){
$("#area").nextAll().remove();
if(a) {
var b = eval("(" + a + ")");
for (var c in b) {
$("#area").append("<option value="+b[c]['region_name']+">"+b[c]['region_name']+"</option>");
}
}
}
});
});

});
</script>

4、HTML文件位置
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息