省市区三级联动(地区数据库大家可以自己倒网上下载,这里就不上传了,只上传核心代码)

HTML代码:
<div class="box">
<select name="province" class="province"></select>
<select name="city" class="city"></select>
<select name="area" class="area"></select>
</div>

Jquery代码(需要引入jQuery):
<script>
/* 省市区三级联动 */
function privance() //省
{
$.post("{:url('privance')}", {param1: 'value1'}, function(data, textStatus, xhr) {
var html;
for (var i = 0; i<data.length; i++) {
html += "<option value='"+data[i]['provinceid']+"'>"+data[i]['province']+"</option>";
}
$('.province').html(html);
});
}
privance();

function city() //市
{
var provinceid = $('.province').val(); //省id
$.post("{:url('city')}", {provinceid: provinceid}, function(data, textStatus, xhr) {
var html;
for (var i = 0; i<data.length; i++) {
html += "<option value='"+data[i]['cityid']+"'>"+data[i]['city']+"</option>";
}
$('.city').html(html);
area();
});
}
city();

function area() //县
{
var cityid = $('.city').val(); //市id
//alert(cityid);
$.post("{:url('area')}", {cityid: cityid}, function(data, textStatus, xhr) {
var html;
for (var i = 0; i<data.length; i++) {
html += "<option value='"+data[i]['areaid']+"'>"+data[i]['area']+"</option>";
}
$('.area').html(html);
});
}
area();

$('.province').change(function(event) { //选择省
city();
});

$('.city').change(function(event) { //选择市
area();
});
/* 省市区三级联动 end */

</script>

PHP代码(用的是thinkphp5):
// 省市区三级联动------------
//读取省
public function privance()
{
$list = Db::name('provinces')->select();
return $list;
}

//读取市
public function city($provinceid)
{
if ($provinceid) {
$where = "provinceid=$provinceid";
} else {
$where = "provinceid=110000";
}
$list = Db::name('cities')->where($where)->select();
return $list;
}

//读取区
public function area($cityid)
{
if ($cityid) {
$where = "cityid=$cityid";
} else {
$where = "cityid=110100";
}
$list = Db::name('areas')->where($where)->select();
return $list;
}
//省市区三级联动结束---------------

最佳答案

评论() 相关

收藏

赞

考拉进阶

ThinkPHP 是一个免费开源的,快速、简单的面向对象的 轻量级PHP开发框架 ,创立于2006年初,遵循Apache2开源协议发布,是为了敏捷WEB应用开发和简化企业应用开发而诞生的。ThinkPHP从诞生以来一直秉承简洁实用的设计原则,在保持出色的性能和至简的代码的同时,也注重易用性。并且拥有众多的原创功能和特性,在社区团队的积极参与下,在易用性、扩展性和性能方面不断优化和改进,已经成长为国内最领先和最具影响力的WEB应用开发框架,众多的典型案例确保可以稳定用于商业以及门户级的开发。