程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> PHP編程 >> PHP綜合 >> PHP地區二級聯動下拉菜單代碼

PHP地區二級聯動下拉菜單代碼

編輯:PHP綜合
<?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>

URL:http://www.bianceng.cn/webkf/PHP/201410/45940.htm

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved