全国省市县区街道 无联动下拉选择 数据库及源代码
前端JQ代码
引入jq库<script><br />
$(document).ready(function() {<br />
// 加载所有的省份<br />
$.ajax({<br />
type: "get",<br />
url: "{:U('Lease/region')}", // type=1表示查询省份 <br />
dataType: "json",<br />
success: function(data) {<br />
$("#provinces").html("<option value=''>请选择省份");<br />
$.each(data, function(i, item) {<br />
$("#provinces").append("<option value='" + item.provice_id + "'>" + item.provice_name + "");<br />
});<br />
}<br />
});<br />
$("#provinces").change(function() {<br />
$.ajax({<br />
type: "get",<br />
url: "{:U('Lease/regioncity')}", // type =2表示查询市<br />
data: {<br />
"province_id": $(this).val(),<br />
},<br />
dataType: "json",<br />
success: function(data) {<br />
$("#citys").css('display','block');<br />
$("#citys").html("<option value=''>请选择市");<br />
$.each(data, function(i, item) {<br />
$("#citys").append("<option value='" + item.city_id + "'>" + item.city_name + "");<br />
});<br />
}<br />
});<br />
});<br />
$("#citys").change(function() {<br />
$.ajax({<br />
type: "get",<br />
url: "{:U('Lease/regioncounty')}", // type =2表示查询市<br />
data: {<br />
"city_id": $(this).val(),<br />
},<br />
dataType: "json",<br />
success: function(data) {<br />
$("#countys").css('display','block');<br />
$("#countys").html("<option value=''>请选择县");<br />
$.each(data, function(i, item) {<br />
$("#countys").append("<option value='" + item.county_id + "'>" + item.county_name + "");<br />
});<br />
}<br />
});<br />
});<br />
$("#countys").change(function() {<br />
$.ajax({<br />
type: "get",<br />
url: "{:U('Lease/regiontown')}", // <br />
data: {<br />
"county_id": $(this).val(),<br />
},<br />
dataType: "json",<br />
success: function(data) {<br />
$("#towns").css('display','block');<br />
$("#towns").html("<option value=''>请选择街道");<br />
$.each(data, function(i, item) {<br />
$("#towns").append("<option value='" + item.town_id + "'>" + item.town_name + "");<br />
});<br />
}<br />
});<br />
});<br />
$("#towns").change(function() {<br />
$.ajax({<br />
type: "get",<br />
url: "{:U('Lease/regionvillage')}", // <br />
data: {<br />
"town_id": $(this).val(),<br />
},<br />
dataType: "json",<br />
success: function(data) {<br />
$("#villages").css('display','block');<br />
$("#villages").html("<option value=''>请选择社区");<br />
$.each(data, function(i, item) {<br />
$("#villages").append("<option value='" + item.village_id + "'>" + item.village_name + "");<br />
});<br />
}<br />
});<br />
});<br />
});<br />
</script>
html代码<div>
<br>
<select><br>
<option>请选择省份</option>
<br>
</select><br>
<select><br>
<option>请选择市</option>
<br>
</select><br>
<select><br>
<option>请选择县</option>
<br>
</select><br>
<select><br>
<option>请选择街道</option>
<br>
</select><br>
<select><br>
<option>请选择社区</option>
<br>
</select><br>
</div>
thinkphp代码//读取省数据库<br>
public function region(){<br>
$provinces=M('Position_provice')->select();<br>
$provinces_json = json_encode($provinces);<br>
exit($provinces_json);<br>
}<br>
//读取市数据库<br>
public function regioncity(){<br>
$where['province_id']=$_GET['province_id'];<br>
$provinces=M('Position_city')->where($where)->select();<br>
$provinces_city = json_encode($provinces);<br>
exit($provinces_city);<br>
}<br>
//读取省/区数据库<br>
public function regioncounty(){<br>
$where['city_id']=$_GET['city_id'];<br>
$provinces=M('Position_county')->where($where)->select();<br>
$provinces_county = json_encode($provinces);<br>
exit($provinces_county);<br>
}<br>
//读取街道数据库<br>
public function regiontown(){<br>
$where['county_id']=$_GET['county_id'];<br>
$provinces=M('Position_town')->where($where)->select();<br>
$provinces_town = json_encode($provinces);<br>
exit($provinces_town);<br>
}<br>
//读取社区数据库<br>
public function regionvillage(){<br>
$where['town_id']=$_GET['town_id'];<br>
$provinces=M('Position_village')->where($where)->select();<br>
$provinces_village = json_encode($provinces);<br>
exit($provinces_village);<br>
}
数据库http://blog.jjonline.cn/soft/J_Position/ajing.sql.gz
AD:真正免费,域名+虚机+企业邮箱=0元

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

EditPlus 中文破解版
體積小,語法高亮,不支援程式碼提示功能

PhpStorm Mac 版本
最新(2018.2.1 )專業的PHP整合開發工具

SecLists
SecLists是最終安全測試人員的伙伴。它是一個包含各種類型清單的集合,這些清單在安全評估過程中經常使用,而且都在一個地方。 SecLists透過方便地提供安全測試人員可能需要的所有列表,幫助提高安全測試的效率和生產力。清單類型包括使用者名稱、密碼、URL、模糊測試有效載荷、敏感資料模式、Web shell等等。測試人員只需將此儲存庫拉到新的測試機上,他就可以存取所需的每種類型的清單。

Safe Exam Browser
Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。

禪工作室 13.0.1
強大的PHP整合開發環境