国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

基于jquery實現的省市區級聯無ajax

2019-11-20 22:00:07
字體:
來源:轉載
供稿:網友
希望和大家一起學習,更希望能找一份好工作,我是PHP開發工程師

以下是代碼頁面
復制代碼 代碼如下:

<span rel="con_address" class="con_address">
#foreach($data in $conAddressBean.provinceCode)
<input type="hidden" rel="province" value="$data"/>
#end
#foreach($data in $conAddressBean.cityCode)
<input type="hidden" rel="city" value="$data"/>
#end
#foreach($data in $conAddressBean.countyCode)
<input type="hidden" rel="county" value="$data"/>
#end
<input id="dataCache" type="hidden"/>
<select rel="province" name="province">
<option value="-1">請選擇</option>
<option value='1474'>海南省</option>
<option value='1002'>安徽省</option>
<option value='2614'>廣東省</option>
<option value='3371'>新疆維吾爾自治區</option>
<option value='2258'>江西省</option>
<option value='2434'>內蒙古自治區</option>
<option value='2847'>山東省</option>
<option value='1382'>貴州省</option>
<option value='3256'>天津</option>
<option value='2118'>吉林省</option>
<option value='2361'>遼寧省</option>
<option value='1103'>福建省</option>
<option value='4858'>臺灣省</option>
<option value='3478'>浙江省</option>
<option value='3290'>西藏自治區</option>
<option value='2536'>寧夏回族自治區</option>
<option value='3559'>云南省</option>
<option value='4846'>香港特別行政區</option>
<option value='2973'>陜西省</option>
<option value='4853'>澳門特別行政區</option>
<option value='1277'>廣西壯族自治區</option>
<option value='1816'>黑龍江省</option>
<option value='2728'>山西省</option>
<option value='1511'>河北省</option>
<option value='1908'>湖北省</option>
<option value='2002'>湖南省</option>
<option value='1670'>河南省</option>
<option value='2177'>江蘇省</option>
<option value='2610'>上海</option>
<option value='3078'>四川省</option>
<option value='3262'>重慶</option>
<option value='2561'>青海省</option>
<option value='1181'>甘肅省</option>
<option value='1098'>北京</option>
</select>

<select rel="city" name="city">
<option value="-1" rel="template">請選擇</option>
</select>

<select rel="county" rel="template" name="county">
<option value="-1">請選擇</option>
</select>
</span>

以下是js代碼

其中有專門保存數據的字符串
復制代碼 代碼如下:

// JavaScript Document
$(document).ready(function(){
// 設置數據緩存 使用HashMap方式
cacheData(cityCountyStr);
cacheData(provinceCityStr);

$("select[rel='province']").change(dochangeSelect);
$("select[rel='city']").change(dochangeSelect);
setDefault();
});
function setDefault(){
$("[rel='con_address']").each(function(index){
//設置省的默認參數
var currentProValue = getCurrentValue("province",index);
setValue($(this),"province",index,currentProValue);

var currentCity = getCurrentValue("city",index);
doLoadSelect($(this).find("select[rel='province']"),currentCity);

var currentCounty = getCurrentValue("county",index);
doLoadSelect($(this).find("select[rel='city']"),currentCounty);
});
}
function getCurrentValue(relName,index){
return $("[rel='con_address']").eq(0).find("[rel='"+relName+"']:hidden").eq(index).attr("value");
}
function setValue(parsent,name,index,currentValue){
$(parsent).find("select[rel='"+name+"'] > option").each(function(){
if($(this).attr("value")==currentValue){
$(this).attr("selected","selected");
return false;
}
})
}

function doLoadSelect(obj,nexeDetaultValue){
var thisName = $(obj).find("option:selected").text();
var thisValue = $(obj).find("option:selected").attr("value");
//alert("thisName="+thisName+" thisValue="+thisValue);
$(obj).nextAll().each(function(){
$(this).find("option").eq(0).nextAll().remove();
});
if(thisValue=='-1'){
return ;
}
//獲取下一級 所有的地區
var childrens = hashMap.Get(thisName);
//找到下一個select集合,按照省市區 排名的
var objThisSelect = $(obj).next().eq(0);
var template = $(objThisSelect).find("option").eq(0);
$(template).removeAttr("selected");
var childrensAttr = childrens.split(",");
var keyVal = "";
for(var i=0;i<childrensAttr.length;i++){
keyVal = childrensAttr[i].split(":");
var result = $(template).clone(true);
$(result).html(keyVal[0]);
$(result).attr("value",keyVal[1]);
if(nexeDetaultValue==keyVal[1]){
$(result).attr("selected","selected");
}
$(objThisSelect).append(result);
}
}
function dochangeSelect(){
doLoadSelect(this,"-1");
}

//將地名和數據庫id做成鍵值對,cache到HashMap中
function cacheData(datas){
var splitArr = datas.split("&");
var temp = "";
var tempArr;
for(var i=0;i<splitArr.length;i++){
temp = splitArr[i];
tempArr = temp.split("=");
hashMap.Set(tempArr[0],tempArr[1]);
}
}
var provinceCityStr="海南省=臨高縣:1497,陵水黎族自治縣:1505,文昌市:1485,儋州市:1483,五指山市:1479,中沙群島的島礁及其海域:3709,澄邁縣:1491,東方市:1489,白沙黎族自治縣:1499,保亭黎族苗族自治縣:1507,屯昌縣:1495,海口市:1475,瓊中黎族苗族自治縣:1509,樂東黎族自治縣:1503,西沙群島:3707,定安縣:1493,昌江黎族自治縣:1501,瓊海市:1481,三亞市:1477,南沙群島:3705,萬寧市:1487&安徽省=蚌埠市:1013,宿州市:1061,銅陵市:1027,阜陽市:1054,安慶市:1030,滁州市:1046,黃山市:1040,亳州市:1080,淮北市:1024,池州市:1085,馬鞍山市:1021,宣城市:1090,合肥市:1003,六安市:1073,淮南市:1018,蕪湖市:1008,巢湖市:1067&廣東省=廣州市:2615,惠州市:2654,江門市:2669,陽江市:2677,深圳市:2619,肇慶市:2695,潮州市:2712,汕頭市:2623,揭陽市:2716,清遠市:2703,湛江市:2682,韶關市:2628,云浮市:2722,茂名市:2689,河源市:2638,汕尾市:2660,中山市:2667,珠海市:2621,佛山市:2675,東莞市:2665,梅州市:2645&新疆維吾爾自治區=伊犁哈薩克自治州:3453,阿拉爾市:3379,塔城地區:3782,烏魯木齊市:3372,博爾塔拉蒙古自治州:3449,阿克蘇地區:3402,圖木舒克市:3381,巴音郭楞蒙古自治州:3430,和田地區:3393,克拉瑪依市:3375,克孜勒蘇柯爾克孜自治州:3425,石河子市:3377,哈密地區:3389,喀什地區:3412,昌吉回族自治州:3440,吐魯番地區:3385,五家渠市:3383,阿勒泰地區:3781&江西省=吉安市:2312,撫州市:2336,南昌市:2259,新余市:2274,宜春市:2325,鷹潭市:2289,萍鄉市:2269,景德鎮市:2265,九江市:2277,上饒市:2348,贛州市:2293&內蒙古自治區=呼倫貝爾市:2478,烏海市:2447,通遼市:2460,包頭市:2442,鄂爾多斯市:2469,錫林郭勒盟:2504,呼和浩特市:2435,烏蘭察布市:2492,巴彥淖爾市:2517,赤峰市:2449,興安盟:2529,阿拉善盟:2525&山東省=濟寧市:2899,青島市:2854,萊蕪市:2921,臨沂市:2935,濱州市:2955,東營市:2869,威海市:2894,聊城市:2946,濰坊市:2874,煙臺市:2884,泰安市:2911,德州市:2923,菏澤市:2963,棗莊市:2866,淄博市:2861,濟南市:2848,日照市:2917&貴州省=安順市:1408,黔南布依族苗族自治州:1461,畢節地區:1426,貴陽市:1383,六盤水市:1389,黔西南布依族苗族自治州:1435,遵義市:1394,銅仁地區:1415,黔東南苗族侗族自治州:1444&天津=天津市:3257&吉林省=白山市:2149,松原市:2156,白城市:2162,通化市:2142,吉林市:2125,延邊朝鮮族自治州:2168,長春市:2119,四平市:2132,遼源市:2138&遼寧省=本溪市:2384,葫蘆島市:2399,錦州市:2393,遼陽市:2416,大連市:2368,丹東市:2388,沈陽市:2362,營口市:2404,阜新市:2412,朝陽市:2427,鐵嶺市:2420,撫順市:2379,盤錦市:2408,鞍山市:2374&福建省=廈門市:1114,龍巖市:1163,福州市:1104,寧德市:1171,莆田市:1128,泉州市:1131,南平市:1152,漳州市:1141,三明市:1116&臺灣省=澎湖縣:4889,臺北縣市:4859,桃園縣:4863,新竹縣:4865,彰化縣:4871,高雄縣市:4881,南投縣:4873,臺東縣:4885,高雄市:4903,花蓮縣:4887,基隆市:4891,苗栗縣:4867,臺北市:4901,臺中縣市:4869,嘉義縣:4877,連江縣市:4907,屏東縣:4883,臺南市:4899,新竹市:4893,嘉義市:4897,金門縣:4905,臺南縣市:4879,臺中市:4895,宜蘭縣:4861,云林縣:4875&浙江省=衢州市:3531,溫州市:3493,嘉興市:3503,舟山市:3537,杭州市:3479,金華市:3522,麗水市:3549,紹興市:3515,寧波市:3486,湖州市:3510,臺州市:3541&西藏自治區=林芝地區:3363,那曲地區:3300,山南地區:3323,阿里地區:3355,昌都地區:3311,拉薩市:3291,日喀則地區:3336&寧夏回族自治區=銀川市:2537,石嘴山市:2542,吳忠市:2547,中衛市:2552,固原市:2554&云南省=迪慶藏族自治州:3697,紅河哈尼族彝族自治州:3644,保山市:3591,楚雄彝族自治州:3662,西雙版納傣族自治州:3658,昆明市:3560,大理白族自治州:3673,麗江市:3629,玉溪市:3581,臨滄市:3620,怒江傈傈族自治州市:3692,普洱市:3609,德宏傣族景頗族自治州:3686,曲靖市:3571,文山壯族苗族自治州:3635,昭通市:3597&香港特別行政區=新界:4851,九龍:4849,香港島:4847&陜西省=延安市:3020,西安市:2974,寶雞市:2983,商洛市:3070,榆林市:3046,漢中市:3034,銅川市:2980,安康市:3059,咸陽市:2995,渭南市:3008&澳門特別行政區=澳門離島市:4856,澳門半島:4854&廣西壯族自治區=桂林市:1295,南寧市:1278,防城港市:1318,梧州市:1309,北海市:1315,柳州市:1287,百色市:1337,來賓市:1367,貴港市:1326,河池市:1355,賀州市:1350,欽州市:1322,崇左市:1374,玉林市:1330&黑龍江省=伊春市:1863,大慶市:1857,綏化市:1893,黑河市:1886,雞西市:1852,大興安嶺地區:1904,齊齊哈爾市:1831,佳木斯市:1875,七臺河市:1883,雙鴨山市:1846,鶴崗市:1842,牡丹江市:1867,哈爾濱市:1817&山西省=朔州市:2768,長治市:2748,晉城市:2761,太原市:2729,臨汾市:2801,呂梁市:2833,忻州市:2786,陽泉市:2744,晉中市:2774,運城市:2819,大同市:2735&河北省=邯鄲市:1547,滄州市:1632,石家莊市:1512,秦皇島市:1541,承德市:1622,衡水市:1658,邢臺市:1564,張家口市:1607,廊坊市:1648,唐山市:1531,保定市:1583&湖北省=武漢市:1909,黃岡市:1964,十堰市:1923,宜昌市:1939,鄂州市:1954,黃石市:1911,隨州市:1982,天門市:1987,荊州市:1931,仙桃市:1985,神農架林區:1991,咸寧市:1975,襄樊市:1915,恩施土家族苗族自治州:1993,孝感市:1956,荊門市:1949,潛江市:1989&湖南省=永州市:2079,婁底市:2103,常德市:2049,懷化市:2090,長沙市:2003,湘潭市:2016,邵陽市:2030,株洲市:2009,岳陽市:2041,張家界市:2058,益陽市:2062,衡陽市:2021,郴州市:2068,湘西土家族苗族自治州:2109&河南省=鶴壁市:1713,焦作市:1705,漯河市:1748,洛陽市:1686,許昌市:1741,駐馬店市:1803,濮陽市:1734,開封市:1679,安陽市:1727,南陽市:1760,鄭州市:1671,三門峽市:1753,新鄉市:1717,信陽市:1782,平頂山市:1697,商丘市:1773,周口市:1792&江蘇省=淮安市:2196,宿遷市:2202,徐州市:2182,連云港市:2190,鹽城市:2208,鎮江市:2238,常州市:2243,泰州市:2224,南京市:2178,揚州市:2218,蘇州市:2251,南通市:2230,無錫市:2247&上海=上海市:2611&四川省=眉山市:3193,資陽市:3200,廣元市:3121,阿壩藏族羌族自治州:3205,攀枝花市:3095,瀘州市:3099,成都市:3079,樂山市:3137,巴中市:3179,南充市:3146,內江市:3132,甘孜藏族自治州:3219,宜賓市:3154,綿陽市:3112,遂寧市:3127,達州市:3171,涼山彝族自治州:3238,自貢市:3091,雅安市:3184,德陽市:3105,廣安市:3165&重慶=重慶市:3263&青海省=果洛藏族自治州:2590,海東地區:2567,海西蒙古族藏族自治州:2604,玉樹藏族自治州:2597,海南藏族自治州:2584,西寧市:2562,黃南藏族自治州:2579,海北藏族自治州:2574&甘肅省=天水市:1195,白銀市:1190,定西市:1241,平涼市:1216,嘉峪關市:1202,甘南藏族自治州:1259,蘭州市:1182,張掖市:1209,金昌市:1187,武威市:1204,慶陽市:1232,酒泉市:1224,臨夏回族自治州:1268,隴南市:1249&北京=北京市:1099";
var cityCountyStr="臨高縣=臨高縣:1498&陵水黎族自治縣=陵水黎族自治縣:1506&文昌市=文昌市:1486&儋州市=儋州市:1484&五指山市=五指山市:1480&中沙群島的島礁及其海域=中沙群島的島礁及其海域:3780&澄邁縣=澄邁縣:1492&東方市=東方市:1490&白沙黎族自治縣=白沙黎族自治縣:1500&保亭黎族苗族自治縣=保亭黎族苗族自治縣:1508&屯昌縣=屯昌縣:1496&海口市=海口市:1476,美蘭區:4613,秀英區:4615,瓊山區:4614,龍華區:4409&瓊中黎族苗族自治縣=瓊中黎族苗族自治縣:1510&樂東黎族自治縣=樂東黎族自治縣:1504&西沙群島=西沙群島:3708&定安縣=定安縣:1494&昌江黎族自治縣=昌江黎族自治縣:1502&瓊海市=/瓊海市:1482&三亞市=三亞市:1478&南沙群島=南沙群島:3706&萬寧市=萬寧市:1488&蚌埠市=淮上區:4437,龍子湖區:4438,禹會區:4439,蚌埠市:1014,蚌山區:4436,固鎮縣:1016,懷遠縣:1015,五河縣:1017&宿州市= 主站蜘蛛池模板: 喀喇沁旗| 金溪县| 上饶县| 卢氏县| 肥城市| 呼图壁县| 安图县| 宁波市| 长治县| 栖霞市| 泸水县| 襄樊市| 麟游县| 饶阳县| 鸡泽县| 扎囊县| 仁化县| 葫芦岛市| 大名县| 杨浦区| 岳池县| 喀什市| 乐陵市| 辉南县| 忻城县| 五峰| 隆回县| 镇雄县| 保山市| 清河县| 新绛县| 沁源县| 旬邑县| 临颍县| 婺源县| 循化| 黑山县| 凤庆县| 施甸县| 安仁县| 星子县|