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文件位置
相关文章推荐
- 一个关于if else容易迷惑的问题
- JQuery1——基础($对象,选择器,对象转换)
- MySQL中的integer 数据类型
- MySQL存储过程
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- PHP5.2.*防止Hash冲突拒绝服务攻击的Patch
- 深入理解PHP之匿名函数
- mysql中int、bigint、smallint 和 tinyint的区别与长度
- mysql load data 导出、导入 csv
- source命令执行SQL脚本文件
- JavaScript演示排序算法
- JSP/PHP基于Ajax的分页功能实现
- MySQL创建用户及权限控制
- MySQL管理数据表
- linux下mysql添加用户
- mysql procedure
- mysql触发器