数据库的地区二级联动
来源:互联网 发布:学简谱的软件 编辑:程序博客网 时间:2024/05/01 14:14
数据库添加需要的省份和城市名
index
/**
* 查询管理员的省份
* @author liuz
*/
public function selProvince() {
$Area = M ( 'area' );
$selCity = array ();
$selPro = $Area->distinct ( true )->field ( 'province' )->select ();
$this->assign ( 'selPro', $selPro );
}
/**
* 查询管理员的城市
* @author liuz
*/
public function selCity() {
$Area = M ( 'area' );
$selPro = $_POST ['pro'];
$data ['error'] = "";
$condition ['province'] = $selPro;
$city = $Area->where ( $condition )->field ( 'city' )->select ();
$count = count ( $city );
$data ['count'] = $count;
$data ['city'] = array ();
if ($city == null || $city <= 0) {
$data ['error'] = "数据不存在~~!";
} else {
foreach ( $city as $c ) {
array_push ( $data ['city'], $c ['city'] );
}
}
$this->ajaxReturn ( $data );
}
页面
<div class="col-sm-8">
<select name="province" id="province">
<option value="">请选择省份</option>
<volist name="selPro" id="pro">
<option value="{$pro['province']}">{$pro['province']}</option>
</volist>
</select>
<select name="city" id="city">
<option value="">请选择城市</option>
</select>
</div>
该页面做ajax
<script>
$(document).ready(function(){
//一级分类联动二级分类
$("#province").change(function(){
var pro=$(this).val();
$.ajax({
type: 'POST',
dataType:'json',
url:"{:U('index/selCity')}",
data:"pro="+pro,
success :function(data){
$('#city').empty();
$('#city').append("<option value=''>请选择城市</option>");
for(var i=0;i < data.city.length;i++){
$('#city').append("<option value='"+data.city[i]+"'>"+data.city[i]+"</option>");
}
},
error:function(data){
alert(data.error);
},
});
});
});
</script>
- 数据库的地区二级联动
- 深圳市地区和街道的二级联动
- 二级联动 全国地区
- PHP地区二级联动下拉菜单
- 地区二级联动+input模糊查询
- JS结合数据库的二级联动菜单
- 用数据库的php二级联动
- 不连数据库的简单二级联动
- ASP+数据库版的二级联动菜单
- php带有数据库的二级联动菜单
- 基于数据库、php、ajax的 3级地区联动
- 地区的三级联动写法
- jquery地区二级联动如何支持多处调用
- Spinner的二级联动
- 城市的二级联动
- 二级联动的代码
- Spinner的二级联动
- 二级联动菜单数据库版
- GIT使用说明
- TensorFlow之Variable 使用方法
- Unix/Linux编程实践教程–head在OS X的实现
- 重新认识HTML系列001——html根元素详解
- Oracle数据类型和Mysql数据类型简单介绍
- 数据库的地区二级联动
- C语言实现单链表---面试题详解
- Centos7安装mysql5.6详细教程
- 数据库基础
- 三层框架 开发步骤
- 微信小程序下拉刷新onPullDownRefresh和小程序分享转发onShareAppMessage
- Nohup 过大的清理
- Hibernate中表与表之间关系的处理(多对多)
- 堆初始化 堆排序