牛骨文教育服务平台(让学习变的简单)
博文笔记

PHP地区二级联动下拉菜单

创建时间:2014-08-26 投稿人: 浏览次数:4527
<?php
header("Content-Type: application/json; charset=utf-8");
echo "province=[];";
foreach ($arrProvinces as $province) {
	echo "province.push([".$province["ProvinceID"].","".$province["ProvinceName"].""]);";
}
echo "city=[];";
foreach ($arrCitys as $city) {
	echo "city.push([".$city["ProvinceID"].",".$city["CityID"].","".$city["CityName"].""]);";
}


<script type="text/javascript">
function initProvince()
{
	var objProv = jQuery("#locationForm").get(0).province;
	objProv.options.length = 0;
	for (var i=0; i<province.length; i++) {
		objProv.options[i] = new Option(province[i][1], province[i][0]);
	}
}
function onProvinceChange()
{
	var objProv = jQuery("#locationForm").get(0).province;
	var objCity = jQuery("#locationForm").get(0).city;
	provinceId = objProv.value;
	objCity.options.length = 0;
	objCity.options[0] = new Option("请选择", 0);
	for (var i=1,j=1; i<=city.length; i++) {
		if (city[i-1][0] == provinceId) {
			objCity.options[j++] = new Option(city[i-1][2], city[i-1][1]);
		}
	}
}
jQuery(document).ready(function(){
	initProvince();
});
</script>

<form id="locationForm">
	<select id="province" onchange="onProvinceChange()"></select> 
	<select id="city"></select>
</form>


声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。