1. 程式人生 > >國家以及省-市-區三級聯動的js陣列

國家以及省-市-區三級聯動的js陣列

基於layui的省市區三級聯動

html

<div class="layui-form-item">
                <label class="layui-form-label"><span class="color-red">*</span>戶口所在地</label>
                <div class="layui-input-inline" style="width: 150px;">
                    <select class="select"
name="accountProvince" lay-filter="account_province">
<option></option> </select> </div> <div class="layui-input-inline" style="width: 150px;"> <select
class="select" name="accountCity" lay-filter="account_city">
<option></option> </select> </div> <div class="layui-input-inline" style="width: 150px;"> <select class="select"
name="accountArea" lay-filter="account_area">
<option></option> </select> </div> <div class="layui-input-inline" style="width: 200px;"> <input name="accountAddress" type="text" class="layui-input"> </div> </div> <script type="text/javascript" src="js/jquery-3.1.1.min.js"></script> <script type="text/javascript" src="layui/layui.js"></script> <script type="text/javascript" src="layui/lay/dest/layui.all.js"></script> <script type="text/javascript" src="js/gtf.js"></script> <script type="text/javascript" src="js/citys2.js"></script> <script type="text/javascript"> // 初始化省市區 pca2.init2('select[name=accountProvince]', 'select[name=accountCity]', 'select[name=accountArea]', '北京', '北京', '朝陽區'); </script>

citys2.js

/**
 * 說明:依賴與jQuery和layui, 是基於layui開發的一個省市區聯動的小外掛, 使用上要基於layui的表單進行使用
 */

(function($) {
    var pca2 = {};

    pca2.keys = {};
    pca2.ckeys = {};

    pca2.init2 = function(province, city, area, initprovince, initcity, initarea) { //jQuery選擇器, 省-市-區
        if (!province || !$(province).length) return;
        $(province).html('');
        $(province).append('<option selected>全部</option>');
        for (var i in citys) {
            $(province).append('<option>' + citys[i].name + '</option>');
            pca2.keys[citys[i].name] = citys[i];
        }
        layui.form('select').render();
        if (initprovince) $(province).next().find('[lay-value="' + initprovince + '"]').click();
        if (!city || !$(city).length) return;
        pca2.formRender(city);
        layui.form().on('select(account_province)', function(data) {
            var cs = pca2.keys[data.value];
            $(city).html('');
            $(city).append('<option>全部</option>');
            if (cs) {
                cs = cs.city;
                for (var i in cs) {
                    $(city).append('<option>' + cs[i].name + '</option>');
                    pca2.ckeys[cs[i].name] = cs[i];
                }
                $(city).find('option:eq(1)').attr('selected', true);
            }
            layui.form('select').render();
            $(city).next().find('.layui-this').removeClass('layui-this').click();
            pca2.formHidden('province', data.value);
            $('.pca2-label-province').html(data.value); //此處可以自己修改 顯示的位置, 不想顯示可以直接去掉
        });
        if (initprovince) $(province).next().find('[lay-value="' + initprovince + '"]').click();
        if (initcity) $(city).next().find('[lay-value="' + initcity + '"]').click();
        if (!area || !$(area).length) return;
        pca2.formRender(area);
        layui.form().on('select(account_city)', function(data) {
            var cs = pca2.ckeys[data.value];
            $(area).html('');
            $(area).append('<option>全部</option>');
            if (cs) {
                cs = cs.area;
                for (var i in cs) {
                    $(area).append('<option>' + cs[i] + '</option>');
                }
                $(area).find('option:eq(1)').attr('selected', true);
            }
            layui.form('select').render();
            $(area).next().find('.layui-this').removeClass('layui-this').click();
            pca2.formHidden('city', data.value);
            $('.pca2-label-city').html(data.value); //此處可以自己修改 顯示的位置, 不想顯示可以直接去掉
        });
        layui.form().on('select(account_area)', function(data) {
            pca2.formHidden('area', data.value);
            $('.pca2-label-area').html(data.value); //此處可以自己修改 顯示的位置, 不想顯示可以直接去掉
        });
        if (initprovince) $(province).next().find('[lay-value="' + initprovince + '"]').click();
        if (initcity) $(city).next().find('[lay-value="' + initcity + '"]').click();
        if (initarea) $(area).next().find('[lay-value="' + initarea + '"]').click();
    }

    pca2.formRender = function(obj) {
        $(obj).html('');
        $(obj).append('<option>全部</option>');
        layui.form('select').render();
    }

    pca2.formHidden = function(obj, val) {
        if (!$('#pca2-hide-' + obj).length)
            $('body').append('<input id="pca2-hide-' + obj + '" type="hidden" value="' + val + '" />');
        else
            $('#pca2-hide-' + obj).val(val);
    }

    var citys = [
        {
            "name" : "北京",
            "city" : [ {
                "name" : "北京",
                "area" : [ "東城區", "西城區", "崇文區", "宣武區", "朝陽區", "豐臺區", "石景山區", "海淀區", "門頭溝區", "房山區", "通州區", "順義區", "昌平區", "大興區", "平谷區", "懷柔區", "密雲縣", "延慶縣" ]
            } ]
        },
        {
            "name" : "天津",
            "city" : [ {
                "name" : "天津",
                "area" : [ "和平區", "河東區", "河西區", "南開區", "河北區", "紅橋區", "塘沽區", "漢沽區", "大港區", "東麗區", "西青區", "津南區", "北辰區", "武清區", "寶坻區", "寧河縣", "靜海縣", "薊縣" ]
            } ]
        },
        {
            "name" : "河北",
            "city" : [ {
                "name" : "石家莊",
                "area" : [ "長安區", "橋東區", "橋西區", "新華區", "郊區", "井陘礦區", "井陘縣", "正定縣", "欒城縣", "行唐縣", "靈壽縣", "高邑縣", "深澤縣", "贊皇縣", "無極縣", "平山縣", "元氏縣", "趙縣", "辛集市", "藁", "晉州市", "新樂市", "鹿泉市" ]
            }, {
                "name" : "唐山",
                "area" : [ "路南區", "路北區", "古冶區", "開平區", "新區", "豐潤縣", "灤縣", "灤南縣", "樂亭縣", "遷西縣", "玉田縣", "唐海縣", "遵化市", "豐南市", "遷安市" ]
            }, {
                "name" : "秦皇島",
                "area" : [ "海港區", "山海關區", "北戴河區", "青龍滿族自治縣", "昌黎縣", "撫寧縣", "盧龍縣" ]
            }, {
                "name" : "邯鄲",
                "area" : [ "邯山區", "叢臺區", "復興區", "峰峰礦區", "邯鄲縣", "臨漳縣", "成安縣", "大名縣", "涉縣", "磁縣", "肥鄉縣", "永年縣", "邱縣", "雞澤縣", "廣平縣", "館陶縣", "魏縣", "曲周縣", "武安市" ]
            }, {
                "name" : "邢臺",
                "area" : [ "橋東區", "橋西區", "邢臺縣", "臨城縣", "內丘縣", "柏鄉縣", "隆堯縣", "任縣", "南和縣", "寧晉縣", "鉅鹿縣", "新河縣", "廣宗縣", "平鄉縣", "威縣", "清河縣", "臨西縣", "南宮市", "沙河市" ]
            }, {
                "name" : "保定",
                "area" : [ "新市區", "北市區", "南市區", "滿城縣", "清苑縣", "淶水縣", "阜平縣", "徐水縣", "定興縣", "唐縣", "高陽縣", "容城縣", "淶源縣", "望都縣", "安新縣", "易縣", "曲陽縣", "蠡縣", "順平縣", "博野", "雄縣", "涿州市", "定州市", "安國市", "高碑店市" ]
            }, {
                "name" : "張家口",
                "area" : [ "橋東區", "橋西區", "宣化區", "下花園區", "宣化縣", "張北縣", "康保縣", "沽源縣", "尚義縣", "蔚縣", "陽原縣", "懷安縣", "萬全縣", "懷來縣", "涿鹿縣", "赤城縣", "崇禮縣" ]
            }, {
                "name" : "承德",
                "area" : [ "雙橋區", "雙灤區", "鷹手營子礦區", "承德縣", "興隆縣", "平泉縣", "灤平縣", "隆化縣", "豐寧滿族自治縣", "寬城滿族自治縣", "圍場滿族蒙古族自治縣" ]
            }, {
                "name" : "滄州",
                "area" : [ "新華區", "運河區", "滄縣", "青縣", "東光縣", "海興縣", "鹽山縣", "肅寧縣", "南皮縣", "吳橋縣", "獻縣", "孟村回族自治縣", "泊頭市", "任丘市", "黃驊市", "河間市" ]
            }, {
                "name" : "廊坊",
                "area" : [ "安次區", "固安縣", "永清縣", "香河縣", "大城縣", "文安縣", "大廠回族自治縣", "霸州市", "三河市" ]
            }, {
                "name" : "衡水",
                "area" : [ "桃城區", "棗強縣", "武邑縣", "武強縣", "饒陽縣", "安平縣", "故城縣", "景縣", "阜城縣", "冀州市", "深州市" ]
            } ]
        },
        {
            "name" : "山西",
            "city" : [ {
                "name" : "太原",
                "area" : [ "小店區", "迎澤區", "杏花嶺區", "尖草坪區", "萬柏林區", "晉源區", "清徐縣", "陽曲縣", "婁煩縣", "古交市" ]
            }, {
                "name" : "大同",
                "area" : [ "城區", "礦區", "南郊區", "新榮區", "陽高縣", "天鎮縣", "廣靈縣", "靈丘縣", "渾源縣", "左雲縣", "大同縣" ]
            }, {
                "name" : "陽泉",
                "area" : [ "城區", "礦區", "郊區", "平定縣", "盂縣" ]
            }, {
                "name" : "長治",
                "area" : [ "城區", "郊區", "長治縣", "襄垣縣", "屯留縣", "平順縣", "黎城縣", "壺關縣", "長子縣", "武鄉縣", "沁縣", "沁源縣", "潞城市" ]
            }, {
                "name" : "晉城",
                "area" : [ "城區", "沁水縣", "陽城縣", "陵川縣", "澤州縣", "高平市" ]
            }, {
                "name" : "朔州",
                "area" : [ "朔城區", "平魯區", "山陰縣", "應縣", "右玉縣", "懷仁縣" ]
            }, {
                "name" : "忻州",
                "area" : [ "忻府區", "原平市", "定襄縣", "五臺縣", "代縣", "繁峙縣", "寧武縣", "靜樂縣", "神池縣", "五寨縣", "岢嵐縣", "河曲縣", "保德縣", "偏關縣" ]
            }, {
                "name" : "呂梁",
                "area" : [ "離石區", "孝義市", "汾陽市", "文水縣", "交城縣", "興縣", "臨縣", "柳林縣", "石樓縣", "嵐縣", "方山縣", "中陽縣", "交口縣" ]
            }, {
                "name" : "晉中",
                "area" : [ "榆次市", "介休市", "榆社縣", "左權縣", "和順縣", "昔陽縣", "壽陽縣", "太谷縣", "祁縣", "平遙縣", "靈石縣" ]
            }, {
                "name" : "臨汾",
                "area" : [ "臨汾市", "侯馬市", "霍州市", "曲沃縣", "翼城縣", "襄汾縣", "洪洞縣", "古縣", "安澤縣", "浮山縣", "吉縣", "鄉寧縣", "蒲縣", "大寧縣", "永和縣", "隰縣", "汾西縣" ]
            }, {
                "name" : "運城",
                "area" : [ "運城市", "永濟市", "河津市", "芮城縣", "臨猗縣", "萬榮縣", "新絳縣", "稷山縣", "聞喜縣", "夏縣", "絳縣", "平陸縣", "垣曲縣" ]
            } ]
        },
        {
            "name" : "內蒙古",
            "city" : [ {
                "name" : "呼和浩特",
                "area" : [ "新城區", "回民區", "玉泉區", "郊區", "土默特左旗", "托克托縣", "和林格爾縣", "清水河縣", "武川縣" ]
            }, {
                "name" : "包頭",
                "area" : [ "東河區", "昆都倫區", "青山區", "石柺礦區", "白雲礦區", "郊區", "土默特右旗", "固陽縣", "達爾罕茂明安聯合旗" ]
            }, {
                "name" : "烏海",
                "area" : [ "海勃灣區", "海南區", "烏達區" ]
            }, {
                "name" : "赤峰",
                "area" : [ "紅山區", "元寶山區", "松山區", "阿魯科爾沁旗", "巴林左旗", "巴林右旗", "林西縣", "克什克騰旗", "翁牛特旗", "喀喇沁旗", "寧城縣", "敖漢旗" ]
            }, {
                "name" : "呼倫貝爾",
                "area" : [ "海拉爾市", "滿洲裡市", "扎蘭屯市", "牙克石市", "根河市", "額爾古納市", "阿榮旗", "莫力達瓦達斡爾族自治旗", "鄂倫春自治旗", "鄂溫克族自治旗", "新巴爾虎右旗", "新巴爾虎左旗", "陳巴爾虎旗" ]
            }, {
                "name" : "興安盟",
                "area" : [ "烏蘭浩特市", "阿爾山市", "科爾沁右翼前旗", "科爾沁右翼中旗", "扎賚特旗", "突泉縣" ]
            }, {
                "name" : "通遼",
                "area" : [ "科爾沁區", "霍林郭勒市", "科爾沁左翼中旗", "科爾沁左翼後旗", "開魯縣", "庫倫旗", "奈曼旗", "扎魯特旗" ]
            }, {
                "name" : "錫林郭勒盟",
                "area" : [ "二連浩特市", "錫林浩特市", "阿巴嘎旗", "蘇尼特左旗", "蘇尼特右旗", "東烏珠穆沁旗", "西烏珠穆沁旗", "太僕寺旗", "鑲黃旗", "正鑲白旗", "正藍旗", "多倫縣" ]
            }, {
                "name" : "烏蘭察布盟",
                "area" : [ "集寧市", "豐鎮市", "卓資縣", "化德縣", "商都縣", "興和縣", "涼城縣", "察哈爾右翼前旗", "察哈爾右翼中旗", "察哈爾右翼後旗", "四子王旗" ]
            }, {
                "name" : "伊克昭盟",
                "area" : [ "東勝市", "達拉特旗", "準格爾旗", "鄂托克前旗", "鄂托克旗", "杭錦旗", "烏審旗", "伊金霍洛旗" ]
            }, {
                "name" : "巴彥淖爾盟",
                "area" : [ "臨河市", "五原縣", "磴口縣", "烏拉特前旗", "烏拉特中旗", "烏拉特後旗", "杭錦後旗" ]
            }, {
                "name" : "阿拉善盟",
                "area" : [ "阿拉善左旗", "阿拉善右旗", "額濟納旗" ]
            } ]
        },
        {
            "name" : "遼寧",
            "city" : [ {
                "name" : "瀋陽",
                "area" : [ "瀋河區", "皇姑區", "和平區", "大東區", "鐵西區", "甦家屯區", "東陵區", "于洪區", "新民市", "法庫縣", "遼中縣", "康平縣", "新城子區", "其他" ]
            }, {
                "name" : "大連",
                "area" : [ "西崗區", "中山區", "沙河口區", "甘井子區", "旅順口區", "金州區", "瓦房店市", "普蘭店市", "莊河市", "長海縣", "其他" ]
            }, {
                "name" : "鞍山",
                "area" : [ "鐵東區", "鐵西區", "立山區", "千山區", "海城市", "檯安縣", "岫巖滿族自治縣", "其他" ]
            }, {
                "name" : "撫順",
                "area" : [ "順城區", "新撫區", "東洲區", "望花區", "撫順縣", "清原滿族自治縣", "新賓滿族自治縣", "其他" ]
            }, {
                "name" : "本溪",
                "area" : [ "平山區", "明山區", "溪湖區", "南芬區", "本溪滿族自治縣", "桓仁滿族自治縣", "其他" ]
            }, {
                "name" : "丹東",
                "area" : [ "振興區", "元寶區", "振安區", "東港市", "鳳城市", "寬甸滿族自治縣", "其他" ]
            }, {
                "name" : "錦州",
                "area" : [ "太和區", "古塔區", "淩河區", "凌海市", "黑山縣", "義縣", "北寧市", "其他" ]
            }, {
                "name" : "營口",
                "area" : [ "站前區", "西市區", "鮁魚圈區", "老邊區", "大石橋市", "蓋州市", "其他" ]
            }, {
                "name" : "阜新",
                "area" : [ "海州區", "新邱區", "太平區", "清河門區", "細河區", "彰武縣", "阜新蒙古族自治縣", "其他" ]
            }, {
                "name" : "遼陽",
                "area" : [ "白塔區", "文聖區", "巨集偉區", "太子河區", "弓長嶺區", "燈塔市", "遼陽縣", "其他" ]
            }, {
                "name" : "盤錦",
                "area" : [ "雙臺子區", "興隆臺區", "盤山縣", "大窪縣", "其他" ]
            }, {
                "name" : "鐵嶺",
                "area" : [ "銀州區", "清河區", "調兵山市", "開原市", "鐵嶺縣", "昌圖縣", "西豐縣", "其他" ]
            }, {
                "name" : "朝陽",
                "area" : [ "雙塔區", "龍城區", "凌源市", "北票市", "朝陽縣", "建平縣", "喀喇沁左翼蒙古族自治縣", "其他" ]
            }, {
                "name" : "葫蘆島",
                "area" : [ "龍港區", "南票區", "連山區", "興城市", "綏中縣", "建昌縣", "其他" ]
            }, {
                "name" : "其他",
                "area" : [ "其他" ]
            } ]
        },
        {
            "name" : "吉林",
            "city" : [ {
                "name" : "長春",
                "area" : [ "朝陽區", "寬城區", "二道區", "南關區", "綠園區", "雙陽區", "九臺市", "榆樹市", "德惠市", "農安縣", "其他" ]
            }, {
                "name" : "吉林",
                "area" : [ "船營區", "昌邑區", "龍潭區", "豐滿區", "舒蘭市", "樺甸市", "蛟河市", "磐石市", "永吉縣", "其他" ]
            }, {
                "name" : "四平",
                "area" : [ "鐵西區", "鐵東區", "公主嶺市", "雙遼市", "梨樹縣", "伊通滿族自治縣", "其他" ]
            }, {
                "name" : "遼源",
                "area" : [ "龍山區", "西安區", "東遼縣", "東豐縣", "其他" ]
            }, {
                "name" : "通化",
                "area" : [ "東昌區", "二道江區", "梅河口市", "集安市", "通化縣", "輝南縣", "柳河縣", "其他" ]
            }, {
                "name" : "白山",
                "area" : [ "八道江區", "江源區", "臨江市", "靖宇縣", "撫松縣", "長白朝鮮族自治縣", "其他" ]
            }, {
                "name" : "松原",
                "area" : [ "寧江區", "乾安縣", "長嶺縣", "扶余縣", "前郭爾羅斯蒙古族自治縣", "其他" ]
            }, {
                "name" : "白城",
                "area" : [ "洮北區", "大安市", "洮南市", "鎮賚縣", "通榆縣", "其他" ]
            }, {
                "name" : "延邊朝鮮族自治州",
                "area" : [ "延吉市", "圖們市", "敦化市", "龍井市", "琿春市", "和龍市", "安圖縣", "汪清縣", "其他" ]
            }, {
                "name" : "其他",
                "area" : [ "其他" ]
            } ]
        },
        {
            "name" : "黑龍江",
            "city" : [ {
                "name" : "哈爾濱",
                "area" : [ "松北區", "道里區", "南崗區", "平房區", "香坊區", "道外區", "呼蘭區", "阿城區", "雙城市", "尚志市", "五常市", "賓縣", "方正縣", "通河縣", "巴彥縣", "延壽縣", "木蘭縣", "依蘭縣", "其他" ]
            }, {
                "name" : "齊齊哈爾",
                "area" : [ "龍沙區", "昂昂溪區", "鐵鋒區", "建華區", "富拉爾基區", "碾子山區", "梅里斯達斡爾族區", "訥河市", "富裕縣", "拜泉縣", "甘南縣", "依安縣", "克山縣", "泰來縣", "克東縣", "龍江縣", "其他" ]
            }, {
                "name" : "鶴崗",
                "area" : [ "興山區", "工農區", "南山區", "興安區", "向陽區", "東山區", "蘿北縣", "綏濱縣", "其他" ]
            }, {
                "name" : "雙鴨山",
                "area" : [ "尖山區", "嶺東區", "四方臺區", "寶山區", "集賢縣", "寶清縣", "友誼縣", "饒河縣", "其他" ]
            }, {
                "name" : "雞西",
                "area" : [ "雞冠區", "恆山區", "城子河區", "滴道區", "梨樹區", "麻山區", "密山市", "虎林市", "雞東縣", "其他" ]
            }, {
                "name" : "大慶",
                "area" : [ "薩爾圖區", "紅崗區", "龍鳳區", "讓胡路區", "大同區", "林甸縣", "肇州縣", "肇源縣", "杜爾伯特蒙古族自治縣", "其他" ]
            }, {
                "name" : "伊春",
                "area" : [ "伊春區", "帶嶺區", "南岔區", "金山屯區", "西林區", "美溪區", "烏馬河區", "翠巒區", "友好區", "上甘嶺區", "五營區", "紅星區", "新青區", "湯旺河區", "烏伊嶺區", "鐵力市", "嘉蔭縣", "其他" ]
            }, {
                "name" : "牡丹江",
                "area" : [ "愛民區", "東安區", "陽明區", "西安區", "綏芬河市", "寧安市", "海林市", "穆稜市", "林口縣", "東寧縣", "其他" ]
            }, {
                "name" : "佳木斯",
                "area" : [ "向陽區", "前進區", "東風區", "郊區", "同江市", "富錦市", "樺川縣", "撫遠縣", "樺南縣", "湯原縣", "其他" ]
            }, {
                "name" : "七臺河",
                "area" : [ "桃山區", "新興區", "茄子河區", "勃利縣", "其他" ]
            }, {
                "name" : "黑河",
                "area" : [ "愛輝區", "北安市", "五大連池市", "遜克縣", "嫩江縣", "孫吳縣", "其他" ]
            }, {
                "name" : "綏化",
                "area" : [ "北林區", "安達市", "肇東市", "海倫市", "綏稜縣", "蘭西縣", "明水縣", "青岡縣", "慶安縣", "望奎縣", "其他" ]
            }, {
                "name" : "大興安嶺地區",
                "area" : [ "呼瑪縣", "塔河縣", "漠河縣", "大興安嶺轄區", "其他" ]
            }, {
                "name" : "其他",
                "area" : [ "其他" ]
            } ]
        },
        {
            "name" : "上海",
            "city" : [ {
                "name" : "上海",
                "area" : [ "黃浦區", "盧灣區", "徐彙區", "長寧區", 
            
           

相關推薦

國家以及--三級聯動js陣列

基於layui的省市區三級聯動 html <div class="layui-form-item"> <label class="layui-form-label"><span class

jquery ajax(2)-----獲取市縣/三級聯動

jquery ajax(2)—–獲取省市縣/區三級聯動(1) 1.jsp 頁面的jquery ajax:注意要引入jquery.min.js <script> $(function () { $("#provSelect").

中國//縣三級聯動MySQL資料

-- ---------------------------- -- Table structure for `area` -- ---------------------------- DROP TABLE IF EXISTS `area`; CREATE TABLE

JS+JQuery實現前端三級聯動(外掛)

大家在做web開發的時候,肯定會在前端程式碼裡面遇到選擇省市區(縣)的功能,比如建立使用者、編輯使用者時,使用者選擇所在地等。好了多餘的話不多說了,我們進入正題吧! 首先,在前端頁面裡面編寫HTML程式碼:<div id="city"> <select

WinForm Timer控件,三級聯動[,,]

end cte mbo winform void edi 數據 display init Timer控件: 組件中的最後一個控件,功能是可以根據用戶自定義的時間間隔來觸發時間,不會印象窗體本身的其他事件進行。 屬性:   Enable 設置控件是否啟用   Interva

實現JS中的市縣的三級聯動

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.

基於layui的市鎮三級聯動js

今天做表單的時候用到省市鎮三級聯動,用著layui的這一套,那就還是用layui吧,有現成的我就不想自己寫了,所以我就找到了layui已經出來的,最新的2018年4月27日更新第二版 html:   <!DOCTYPE html> <html> &

一個很好的市縣三級聯動js檔案,使用很方便

/*  *作者:張加強  *時間:2016/3/28           *聯絡方式:614858545(qq)  *技術交流群:387107385  *資源:可以提供單獨的技術輔導與部分程式碼編寫,可以遠端協助除錯程式。  *簡介:本js庫是根據我國國

市縣(三級聯動) 實現方法

首先匯入省市縣json陣列,這個陣列我是在網上找的 感謝新浪博主 好青年的給json陣列分享; 最近在寫前端的時候,由於要實現,省市縣三級聯動,網上外掛也挺多,不過為了鍛鍊自己(坑爹的公司,從前端寫到後端(原生),從移動寫到pc,從androidAPP到iosAPP(re

全國省市區三級聯動js

function Dsy(){  this.Items = {}; } Dsy.prototype.add = function(id,iArray){  this.Items[id] = iArray; } Dsy.prototype.Exists = function(

三級聯動js,jQuery的實現方法

三級聯動(省-市-縣)      1,獲取包含省-市-縣的js檔案:http://download.csdn.net/detail/dengxt/9657613          下載好js檔案,引入

AJAX+JSON 實現市縣地名三級聯動

AJAX+JSON  實現省市縣地名三級聯動 本案例運用到三層架構(表現層,服務層、持久層)表現層呼叫服務層的方法,服務層呼叫持久層的方法,使用資料庫為Oracle資料庫,在資料庫中建立一張名為address的資料表。前前和後臺資料傳輸使用json方式(引入第三

年月日三級聯動js外掛

/* 年月日聯動下拉選擇JS封裝類 Ver 1.0 版 製作時間:2013-3-12  更新時間:2013-3-12 應用說明:頁面包含<script type="text/javascript" src="YMDClass.js" char

仿qq省市區三級聯動js

HTML Code: <!DOCTYPE html> <html> <head> <title>QQ JS省市區三級聯動</title> <!-- 使用QQ的省市區資料 --> <!-- <

ReactNative中國--WheelPicker元件

github地址 相容IOS和安卓,中國省-市-區WheelPicker選擇器的RN元件. propTypes isVisible: PropTypes.bool, selectedProvi

js實現三級聯動

如何實現省市區的三級聯動呢?   這裡,我是將省市區的相關資訊都是以json 格式儲存的,用的時候一定要搞清楚陣列和物件的相關處理。   先來看看json格式儲存的資訊,這裡提供下省市區的資訊截圖,內容太多,不好上傳:.js檔案(area-json.js)        首先先建立是三個空的selec

2017-5-7 time控件 三級聯動

代碼 ada string 事件 聯動 組件 mbo 數據 strong Timer控件: 組件中的最後一個控件,功能是可以根據用戶自定義的時間間隔來觸發時間,不會印象窗體本身的其他事件進行。 屬性:   Enable 設置控件是否啟用   Interval 設置事件的

原生js使用ajax實現市縣三級聯動

chang onchange mes ror charset += ctype type nload <!DOCTYPE html> <html lang="en"> <head> <meta charset="U

JQuery:三級級聯

 主要功能:實現省市區三級聯動(選擇省之後,然後可以選擇相應的市,最後可以選擇相應的區) 主要技術:JQuery,js ,html 主要程式碼: <!DOCTYPE html> <html> <head> <meta charse

三級地址編碼之間的關係

註釋:如果現資料表只有一個area_id(包括省id、市id、區id)和 area_type標誌地區級別(一級、二級、三級)           要分別匹配出省id、市id、區id 關係:example:省:內蒙古自治區   對應:area_id   15 0000