本文章系Jarvis原創(chuàng) 轉(zhuǎn)載請(qǐng)注明!
    手頭做的項(xiàng)目中需要用到地區(qū)庫(kù),在網(wǎng)上找了幾個(gè)地區(qū)庫(kù),感覺(jué)不是很好,于是著手自己生成一個(gè)地區(qū)庫(kù).地區(qū)來(lái)自中國(guó)統(tǒng)計(jì)局網(wǎng)站(數(shù)據(jù)夠官方)(地址是: http://www.stats.gov.cn/tjbz/xzqhdm/t20080215_402462675.htm),通過(guò)文本處理,生成到數(shù)據(jù)庫(kù)(需要該地區(qū)數(shù)據(jù)庫(kù)的朋友可留下郵箱地址,我發(fā)給你),做可處理操作. 
    這次用到的聯(lián)動(dòng)是生成了一個(gè)地區(qū)的js文件,原來(lái)是采用AJAX實(shí)現(xiàn)聯(lián)動(dòng)的,后來(lái)感覺(jué)生成JS文件并不大,所以采用js方式.
    下面是js處理代碼(基于JQuery):
<script type="text/javascript">
        $(document).ready(function(){
            getProvinces();
        });
        
        function getProvinces(){
            var pro = "";
            for(var i = 0 ; i < provinces.length; i++){
                pro += "<option>" + provinces[i] + "</option>";
            }
            $('#province').empty().append(pro);
            getCities();
        }
        function getCities(){
            var proIndex = $('#province').attr('selectedIndex');
            showCities(proIndex);
            getCounties();
        }
        function showCities(proIndex){
            var cit = "";
            if(cities[proIndex] == null){
                $('#city').empty();
                return;
            }
            for(var i = 0 ;i < cities[proIndex].length ; i++){
                cit += "<option>" + cities[proIndex][i] + "</option>";
            }
            $('#city').empty().append(cit);
        }
        function getCounties(){
            var proIndex = $('#province').attr('selectedIndex');
            var citIndex = $('#city').attr('selectedIndex');
            showCounties(proIndex,citIndex);
        }
        function showCounties(proIndex,citIndex){
            var cou = "";
            if(counties[proIndex][citIndex] == null){
                $('#county').empty();
                return;
            }
            for(var i = 0 ;i < counties[proIndex][citIndex].length;i++){
                cou += "<option>" + counties[proIndex][citIndex][i] + "</option>";
            }
            $('#county').empty().append(cou);
        }
        </script>
<select id="province" onchange="getCities()"></select>
                    <select id="city" onchange="getCounties()" style="width:120px;"></select>
                    <select id="county" style="width:120px;"></select>
    這樣實(shí)現(xiàn)了一個(gè)比較好的地區(qū)聯(lián)動(dòng).
    歡迎大家討論.
    地區(qū)Js文件下載: /Files/qchong/area.rar