以下是 jQuery下拉框城市选择插件js代码 的示例演示效果:
部分效果截图:
HTML代码(index.html):
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>jQuery下拉框城市选择插件</title>
<link rel="stylesheet" type="text/css" href="css/hzw-city-picker.css">
</head>
<body>
<input type="text" id="cityChoice" style="margin: 134px 0 0 557px;">
<script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="js/city-data.js"></script>
<script type="text/javascript" src="js/hzw-city-picker.min.js"></script>
<script>
var cityPicker = new HzwCityPicker({
data: data,
target: 'cityChoice',
valType: 'k-v',
hideCityInput: {
name: 'city',
id: 'city'
},
hideProvinceInput: {
name: 'province',
id: 'province'
},
callback: function(){
alert('OK');
}
});
cityPicker.init();
</script>
</body>
</html>JS代码(city-data.js):
/** * Created by Dell on 2015/10/14. */
var data ={
hot:[{
'pid':1,'pname':'北京','id':2,'name':'北京市'}
,{
'pid':21,'pname':'上海','id':22,'name':'上海市'}
,{
'pid':423,'pname':'广东','id':424,'name':'广州市'}
,{
'pid':423,'pname':'广东','id':524,'name':'深圳市'}
,{
'pid':1643,'pname':'江苏','id':1644,'name':'南京市'}
],province:[{
"id":1,"name":"北京","city":[{
"id":2,"name":"北京市"}
]}
,{
"id":1874,"name":"辽宁","city":[{
"id":1875,"name":"沈阳市"}
,{
"id":1974,"name":"铁岭市"}
,{
"id":1969,"name":"盘锦市"}
,{
"id":1961,"name":"辽阳市"}
,{
"id":1953,"name":"锦州市"}
,{
"id":1946,"name":"葫芦岛市"}
,{
"id":1938,"name":"阜新市"}
,{
"id":1930,"name":"抚顺市"}
,{
"id":1923,"name":"丹东市"}
,{
"id":1912,"name":"大连市"}
,{
"id":1904,"name":"朝阳市"}
,{
"id":1897,"name":"本溪市"}
,{
"id":1889,"name":"鞍山市"}
,{
"id":1982,"name":"营口市"}
]}
,{
"id":1989,"name":"内蒙古","city":[{
"id":1990,"name":"呼和浩特市"}
,{
"id":2083,"name":"锡林郭勒盟"}
,{
"id":2071,"name":"乌兰察布市"}
,{
"id":2067,"name":"乌海市"}
,{
"id":2058,"name":"通辽市"}
,{
"id":2044,"name":"呼伦贝尔市"}
,{
"id":2035,"name":"鄂尔多斯市"}
,{
"id":2022,"name":"赤峰市"}
,{
"id":2012,"name":"包头市"}
,{
"id":2004,"name":"巴彦淖尔市"}
,{
"id":2000,"name":"阿拉善盟"}
,{
"id":2096,"name":"兴安盟"}
]}
,{
"id":2103,"name":"宁夏","city":[{
"id":2104,"name":"银川市"}
,{
"id":2111,"name":"固原市"}
,{
"id":2117,"name":"石嘴山市"}
,{
"id":2121,"name":"吴忠市"}
,{
"id":2126,"name":"中卫市"}
]}
,{
"id":2130,"name":"青海","city":[{
"id":2131,"name":"西宁市"}
,{
"id":2139,"name":"果洛藏族自治州"}
,{
"id":2146,"name":"海北藏族自治州"}
,{
"id":2151,"name":"海东地区"}
,{
"id":2158,"name":"海南藏族自治州"}
,{
"id":2164,"name":"海西蒙古族藏族自治州"}
,{
"id":2170,"name":"黄南藏族自治州"}
,{
"id":2175,"name":"玉树藏族自治州"}
]}
,{
"id":2182,"name":"山东","city":[{
"id":2183,"name":"济南市"}
,{
"id":2324,"name":"枣庄市"}
,{
"id":2311,"name":"烟台市"}
,{
"id":2298,"name":"潍坊市"}
,{
"id":2293,"name":"威海市"}
,{
"id":2286,"name":"泰安市"}
,{
"id":2281,"name":"日照市"}
,{
"id":2268,"name":"青岛市"}
,{
"id":2255,"name":"临沂市"}
,{
"id":2246,"name":"聊城市"}
,{
"id":2243,"name":"莱芜市"}
,{
"id":2230,"name":"济宁市"}
,{
"id":2220,"name":"菏泽市"}
,{
"id":2214,"name":"东营市"}
,{
"id":2202,"name":"德州市"}
,{
"id":2194,"name":"滨州市"}
,{
"id":2331,"name":"淄博市"}
]}
,{
"id":2340,"name":"山西","city":[{
"id":2341,"name":"太原市"}
,{
"id":2451,"name":"阳泉市"}
,{
"id":2436,"name":"忻州市"}
,{
"id":2429,"name":"朔州市"}
,{
"id":2415,"name":"吕梁市"}
,{
"id":2397,"name":"临汾市"}
,{
"id":2385,"name":"晋中市"}
,{
"id":2378,"name":"晋城市"}
,{
"id":2366,"name":"大同市"}
,{
"id":2352,"name":"长治市"}
,{
"id":2457,"name":"运城市"}
]}
,{
"id":2471,"name":"陕西","city":[{
"id":2472,"name":"西安市"}
,{
"id":2562,"name":"延安市"}
,{
"id":2547,"name":"咸阳市"}
,{
"id":2535,"name":"渭南市"}
,{
"id":2530,"name":"铜川市"}
,{
"id":2522,"name":"商洛市"}
,{
"id":2510,"name":"汉中市"}
,{
"id":2497,"name":"宝鸡市"}
,{
"id":2486,"name":"安康市"}
,{
"id":2576,"name":"榆林市"}
]}
,{
"id":2589,"name":"四川","city":[{
"id":2590,"name":"成都市"}
,{
"id":2722,"name":"绵阳市"}
,{
"id":2732,"name":"内江市"}
,{
"id":2738,"name":"南充市"}
,{
"id":2748,"name":"攀枝花市"}
,{
"id":2754,"name":"遂宁市"}
,{
"id":2760,"name":"雅安市"}
,{
"id":2769,"name":"宜宾市"}
,{
"id":2780,"name":"资阳市"}
,{
"id":2715,"name":"眉山市"}
,{
"id":2707,"name":"泸州市"}
,{
"id":2689,"name":"凉山彝族自治州"}
,{
"id":2610,"name":"阿坝藏族羌族自治州"}
,{
"id":2624,"name":"巴中市"}
,{
"id":2629,"name":"达州市"}
,{
"id":2637,"name":"德阳市"}
,{
"id":2644,"name":"甘孜藏族自治州"}
,{
"id":2663,"name":"广安市"}
,{
"id":2669,"name":"广元市"}
,{
"id":2677,"name":"乐山市"}
,{
"id":2785,"name":"自贡市"}
]}
,{
"id":2792,"name":"西藏","city":[{
"id":2793,"name":"拉萨市"}
,{
"id":2802,"name":"阿里地区"}
,{
"id":2810,"name":"昌都地区"}
,{
"id":2822,"name":"林芝地区"}
,{
"id":2830,"name":"那曲地区"}
,{
"id":2841,"name":"日喀则地区"}
,{
"id":2860,"name":"山南地区"}
]}
,{
"id":2873,"name":"新疆","city":[{
"id":2874,"name":"乌鲁木齐市"}
,{
"id":2975,"name":"五家渠市"}
,{
"id":2971,"name":"吐鲁番地区"}
,{
"id":2970,"name":"图木舒克市"}
,{
"id":2962,"name":"塔城地区"}
,{
"id":2961,"name":"石河子市"}
,{
"id":2956,"name":"克孜勒苏柯尔克孜自治州"}
,{
"id":2951,"name":"克拉玛依市"}
,{
"id":2938,"name":"喀什地区"}
,{
"id":2929,"name":"和田地区"}
,{
"id":2925,"name":"哈密地区"}
,{
"id":2916,"name":"昌吉回族自治州"}
,{
"id":2912,"name":"博尔塔拉蒙古自治州"}
,{
"id":2902,"name":"巴音郭楞蒙古自治州"}
,{
"id":2894,"name":"阿勒泰地区"}
,{
"id":2893,"name":"阿拉尔市"}
,{
"id":2883,"name":"阿克苏地区"}
,{
"id":2976,"name":"伊犁哈萨克自治州"}
]}
,{
"id":2987,"name":"云南","city":[{
"id":2988,"name":"昆明市"}
,{
"id":3121,"name":"昭通市"}
,{
"id":3111,"name":"玉溪市"}
,{
"id":3107,"name":"西双版纳傣族自治州"}
,{
"id":3098,"name":"文山壮族苗族自治州"}
,{
"id":3087,"name":"思茅市"}
,{
"id":3077,"name":"曲靖市"}
,{
"id":3072,"name":"怒江傈僳族自治州"}
,{
"id":3063,"name":"临沧市"}
,{
"id":3057,"name":"丽江市"}
,{
"id":3043,"name":"红河哈尼族彝族自治州"}
,{
"id":3039,"name":"迪庆藏族自治州"}
,{
"id":3033,"name":"德宏傣族景颇族自治州"}
,{
"id":3020,"name":"大理白族自治州"}
,{
"id":3009,"name":"楚雄彝族自治州"}
,{
"id":3003,"name":"保山市"}
,{
"id":3294,"name":"普洱市"}
]}
,{
"id":3133,"name":"浙江","city":[{
"id":3134,"name":"杭州市"}
,{
"id":3218,"name":"温州市"}
,{
"id":3208,"name":"台州市"}
,{
"id":3201,"name":"绍兴市"}
,{
"id":3194,"name":"衢州市"}
,{
"id":3182,"name":"宁波市"}
,{
"id":3172,"name":"丽水市"}
,{
"id":3162,"name":"金华市"}
,{
"id":3154,"name":"嘉兴市"}
,{
"id":3148,"name":"湖州市"}
,{
"id":3230,"name":"舟山市"}
]}
,{
"id":3235,"name":"香港","city":[{
"id":3236,"name":"九龙"}
,{
"id":3237,"name":"香港岛"}
,{
"id":3238,"name":"新界"}
]}
,{
"id":3239,"name":"澳门","city":[{
"id":3240,"name":"澳门半岛"}
,{
"id":3241,"name":"离岛"}
]}
,{
"id":3242,"name":"台湾","city":[{
"id":3243,"name":"台北市"}
,{
"id":3256,"name":"台东县"}
,{
"id":3257,"name":"台南市"}
,{
"id":3258,"name":"台南县"}
,{
"id":3259,"name":"台中市"}
,{
"id":3260,"name":"台中县"}
,{
"id":3261,"name":"桃园县"}
,{
"id":3262,"name":"新竹市"}
,{
"id":3263,"name":"新竹县"}
,{
"id":3264,"name":"宜兰县"}
,{
"id":3265,"name":"云林县"}
,{
"id":3255,"name":"台北县"}
,{
"id":3254,"name":"屏东县"}
,{
"id":3244,"name":"高雄市"}
,{
"id":3245,"name":"高雄县"}
,{
"id":3246,"name":"花莲县"}
,{
"id":3247,"name":"基隆市"}
,{
"id":3248,"name":"嘉义市"}
,{
"id":3249,"name":"嘉义县"}
,{
"id":3250,"name":"金门县"}
,{
"id":3251,"name":"苗栗县"}
,{
"id":3252,"name":"南投县"}
,{
"id":3253,"name":"澎湖县"}
,{
"id":3266,"name":"彰化县"}
]}
,{
"id":3267,"name":"欧洲","city":[{
"id":3268,"name":"法国"}
,{
"id":3269,"name":"比利时"}
,{
"id":3270,"name":"英国"}
,{
"id":3271,"name":"德国"}
,{
"id":3272,"name":"意大利"}
,{
"id":3279,"name":"希腊"}
,{
"id":3280,"name":"瑞典"}
]}
,{
"id":1763,"name":"江西","city":[{
"id":1764,"name":"南昌市"}
,{
"id":1859,"name":"宜春市"}
,{
"id":1856,"name":"新余市"}
,{
"id":1843,"name":"上饶市"}
,{
"id":1837,"name":"萍乡市"}
,{
"id":1824,"name":"九江市"}
,{
"id":1819,"name":"景德镇市"}
,{
"id":1805,"name":"吉安市"}
,{
"id":1786,"name":"赣州市"}
,{
"id":1774,"name":"抚州市"}
,{
"id":1870,"name":"鹰潭市"}
]}
,{
"id":1643,"name":"江苏","city":[{
"id":1644,"name":"南京市"}
,{
"id":1748,"name":"扬州市"}
,{
"id":1738,"name":"盐城市"}
,{
"id":1726,"name":"徐州市"}
,{
"id":1717,"name":"无锡市"}
,{
"id":1710,"name":"泰州市"}
,{
"id":1704,"name":"宿迁市"}
,{
"id":1692,"name":"苏州市"}
,{
"id":1683,"name":"南通市"}
,{
"id":1675,"name":"连云港市"}
,{
"id":1666,"name":"淮安市"}
,{
"id":1658,"name":"常州市"}
,{
"id":1756,"name":"镇江市"}
]}
,{
"id":21,"name":"上海","city":[{
"id":22,"name":"上海市"}
]}
,{
"id":42,"name":"天津","city":[{
"id":43,"name":"天津市"}
]}
,{
"id":62,"name":"重庆","city":[{
"id":63,"name":"重庆市"}
]}
,{
"id":104,"name":"安徽","city":[{
"id":105,"name":"合肥市"}
,{
"id":211,"name":"芜湖市"}
,{
"id":206,"name":"铜陵市"}
,{
"id":200,"name":"宿州市"}
,{
"id":195,"name":"马鞍山市"}
,{
"id":187,"name":"六安市"}
,{
"id":179,"name":"黄山市"}
,{
"id":172,"name":"淮南市"}
,{
"id":167,"name":"淮北市"}
,{
"id":158,"name":"阜阳市"}
,{
"id":149,"name":"滁州市"}
,{
"id":144,"name":"池州市"}
,{
"id":138,"name":"巢湖市"}
,{
"id":133,"name":"亳州市"}
,{
"id":125,"name":"蚌埠市"}
,{
"id":113,"name":"安庆市"}
,{
"id":219,"name":"宣城市"}
]}
,{
"id":227,"name":"福建","city":[{
"id":228,"name":"福州市"}
,{
"id":242,"name":"龙岩市"}
,{
"id":250,"name":"南平市"}
,{
"id":261,"name":"宁德市"}
,{
"id":271,"name":"莆田市"}
,{
"id":277,"name":"泉州市"}
,{
"id":290,"name":"三明市"}
,{
"id":303,"name":"厦门市"}
,{
"id":310,"name":"漳州市"}
]}
,{
"id":322,"name":"甘肃","city":[{
"id":323,"name":"兰州市"}
,{
"id":411,"name":"武威市"}
,{
"id":403,"name":"天水市"}
,{
"id":394,"name":"庆阳市"}
,{
"id":386,"name":"平凉市"}
,{
"id":376,"name":"陇南市"}
,{
"id":367,"name":"临夏回族自治州"}
,{
"id":359,"name":"酒泉市"}
,{
"id":356,"name":"金昌市"}
,{
"id":355,"name":"嘉峪关市"}
,{
"id":346,"name":"甘南藏族自治州"}
,{
"id":338,"name":"定西市"}
,{
"id":332,"name":"白银市"}
,{
"id":416,"name":"张掖市"}
]}
,{
"id":423,"name":"广东","city":[{
"id":424,"name":"广州市"}
,{
"id":500,"name":"汕头市"}
,{
"id":508,"name":"汕尾市"}
,{
"id":513,"name":"韶关市"}
,{
"id":524,"name":"深圳市"}
,{
"id":531,"name":"阳江市"}
,{
"id":536,"name":"云浮市"}
,{
"id":542,"name":"湛江市"}
,{
"id":552,"name":"肇庆市"}
,{
"id":561,"name":"中山市"}
,{
"id":491,"name":"清远市"}
,{
"id":483,"name":"梅州市"}
,{
"id":437,"name":"潮州市"}
,{
"id":441,"name":"东莞市"}
,{
"id":442,"name":"佛山市"}
,{
"id":448,"name":"河源市"}
,{
"id":455,"name":"惠州市"}
,{
"id":461,"name":"江门市"}
,{
"id":469,"name":"揭阳市"}
,{
"id":475,"name":"茂名市"}
,{
"id":482,"name":"梅江区"}
,{
"id":562,"name":"珠海市"}
]}
,{
"id":566,"name":"广西","city":[{
"id":567,"name":"南宁市"}
,{
"id":675,"name":"梧州市"}
,{
"id":670,"name":"钦州市"}
,{
"id":659,"name":"柳州市"}
,{
"id":652,"name":"来宾市"}
,{
"id":647,"name":"贺州市"}
,{
"id":635,"name":"河池市"}
,{
"id":617,"name":"桂林市"}
,{
"id":611,"name":"贵港市"}
,{
"id":606,"name":"防城港市"}
,{
"id":598,"name":"崇左市"}
,{
"id":593,"name":"北海市"}
,{
"id":580,"name":"百色市"}
,{
"id":683,"name":"玉林市"}
]}
,{
"id":690,"name":"贵州","city":[{
"id":691,"name":"贵阳市"}
,{
"id":702,"name":"安顺市"}
,{
"id":709,"name":"毕节地区"}
,{
"id":718,"name":"六盘水市"}
,{
"id":723,"name":"黔东南苗族侗族自治州"}
,{
"id":740,"name":"黔南布依族苗族自治州"}
,{
"id":753,"name":"黔西南布依族苗族自治州"}
,{
"id":762,"name":"铜仁地区"}
,{
"id":773,"name":"遵义市"}
]}
,{
"id":788,"name":"海南","city":[{
"id":789,"name":"海口市"}
,{
"id":805,"name":"琼海市"}
,{
"id":806,"name":"琼中黎族苗族自治县"}
,{
"id":807,"name":"三亚市"}
,{
"id":808,"name":"屯昌县"}
,{
"id":809,"name":"万宁市"}
,{
"id":810,"name":"文昌市"}
,{
"id":811,"name":"五指山市"}
,{
"id":812,"name":"西沙群岛"}
,{
"id":804,"name":"南沙群岛"}
,{
"id":803,"name":"陵水黎族自治县"}
,{
"id":802,"name":"临高县"}
,{
"id":794,"name":"白沙黎族自治县"}
,{
"id":795,"name":"保亭黎族苗族自治县"}
,{
"id":796,"name":"昌江黎族自治县"}
,{
"id":797,"name":"澄迈县"}
,{
"id":798,"name":"儋州市"}
,{
"id":799,"name":"定安县"}
,{
"id":800,"name":"东方市"}
,{
"id":801,"name":"乐东黎族自治县"}
,{
"id":813,"name":"中沙群岛的岛礁及其海域"}
]}
,{
"id":814,"name":"河北","city":[{
"id":815,"name":"石家庄市"}
,{
"id":960,"name":"邢台市"}
,{
"id":945,"name":"唐山市"}
,{
"id":937,"name":"秦皇岛市"}
,{
"id":926,"name":"廊坊市"}
,{
"id":914,"name":"衡水市"}
,{
"id":894,"name":"邯郸市"}
,{
"id":882,"name":"承德市"}
,{
"id":865,"name":"沧州市"}
,{
"id":839,"name":"保定市"}
,{
"id":980,"name":"张家口市"}
]}
,{
"id":998,"name":"河南","city":[{
"id":999,"name":"郑州市"}
,{
"id":1154,"name":"周口市"}
,{
"id":1147,"name":"许昌市"}
,{
"id":1136,"name":"信阳市"}
,{
"id":1123,"name":"新乡市"}
,{
"id":1113,"name":"商丘市"}
,{
"id":1106,"name":"三门峡市"}
,{
"id":1099,"name":"濮阳市"}
,{
"id":1088,"name":"平顶山市"}
,{
"id":1074,"name":"南阳市"}
,{
"id":1068,"name":"漯河市"}
,{
"id":1052,"name":"洛阳市"}
,{
"id":1041,"name":"开封市"}
,{
"id":1029,"name":"焦作市"}
,{
"id":1028,"name":"济源市"}
,{
"id":1022,"name":"鹤壁市"}
,{
"id":1012,"name":"安阳市"}
,{
"id":1165,"name":"驻马店市"}
]}
,{
"id":1176,"name":"黑龙江","city":[{
"id":1177,"name":"哈尔滨市"}
,{
"id":1291,"name":"绥化市"}
,{
"id":1282,"name":"双鸭山市"}
,{
"id":1265,"name":"齐齐哈尔市"}
,{
"id":1260,"name":"七台河市"}
,{
"id":1249,"name":"牡丹江市"}
,{
"id":1237,"name":"佳木斯市"}
,{
"id":1227,"name":"鸡西市"}
,{
"id":1220,"name":"黑河市"}
,{
"id":1211,"name":"鹤岗市"}
,{
"id":1207,"name":"大兴安岭地区"}
,{
"id":1197,"name":"大庆市"}
,{
"id":1302,"name":"伊春市"}
]}
,{
"id":1320,"name":"湖北","city":[{
"id":1321,"name":"武汉市"}
,{
"id":1422,"name":"宜昌市"}
,{
"id":1414,"name":"孝感市"}
,{
"id":1404,"name":"襄樊市"}
,{
"id":1397,"name":"咸宁市"}
,{
"id":1396,"name":"仙桃市"}
,{
"id":1395,"name":"天门市"}
,{
"id":1392,"name":"随州市"}
,{
"id":1383,"name":"十堰市"}
,{
"id":1382,"name":"神农架林区"}
,{
"id":1381,"name":"潜江市"}
,{
"id":1372,"name":"荆州市"}
,{
"id":1366,"name":"荆门市"}
,{
"id":1359,"name":"黄石市"}
,{
"id":1348,"name":"黄冈市"}
,{
"id":1339,"name":"恩施土家族苗族自治州"}
,{
"id":1335,"name":"鄂州市"}
,{
"id":3295,"name":"襄阳市"}
]}
,{
"id":1436,"name":"湖南","city":[{
"id":1437,"name":"长沙市"}
,{
"id":1558,"name":"张家界市"}
,{
"id":1548,"name":"岳阳市"}
,{
"id":1536,"name":"永州市"}
,{
"id":1529,"name":"益阳市"}
,{
"id":1520,"name":"湘西土家族苗族自治州"}
,{
"id":1514,"name":"湘潭市"}
,{
"id":1501,"name":"邵阳市"}
,{
"id":1495,"name":"娄底市"}
,{
"id":1482,"name":"怀化市"}
,{
"id":1469,"name":"衡阳市"}
,{
"id":1457,"name":"郴州市"}
,{
"id":1447,"name":"常德市"}
,{
"id":1563,"name":"株洲市"}
]}
,{
"id":1573,"name":"吉林","city":[{
"id":1574,"name":"长春市"}
,{
"id":1585,"name":"白城市"}
,{
"id":1591,"name":"白山市"}
,{
"id":1598,"name":"吉林市"}
,{
"id":1608,"name":"辽源市"}
,{
"id":1613,"name":"四平市"}
,{
"id":1620,"name":"松原市"}
,{
"id":1626,"name":"通化市"}
,{
"id":1634,"name":"延边朝鲜族自治州"}
]}
]}
;
JS代码(hzw-city-picker.min.js):
/** * Author IIInsomnia * * var cityPicker = new HzwCityPicker({
* data:data,城市数据 * target:'cityChoice',目标元素id（如：文本框，该值为城市名称） * valType:'k-v',隐藏域的值类型（取值有：'k' => 只存ID，'k-v' => 存ID和名称，格式为：id-name） * hideCityInput:{
城市隐藏域 * name:'city',隐藏域name * id:'city' 隐藏域id * val:'2' 默认值 *}
,* hideProvinceInput:{
省份隐藏域（如果不需要存省份，此项可以省略） * name:'province',隐藏域name * id:'province' 隐藏域id * val:'1' 默认值 *}
,* callback:function(){
回调函数，选择城市后调用 * alert('OK');
*}
*}
);
* * cityPicker.init();
*/
eval(function(p,a,c,k,e,r){
e=function(c){
return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))}
;
if(!''.replace(/^/,String)){
while(c--)r[e(c)]=k[c]||e(c);
k=[function(e){
return r[e]}
];
e=function(){
return'\\w+'}
;
c=1}
;
while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);
return p}
('1O(1E(d,e,a,c,b,f){
b=1E(a){
1F(a<e?"":b(1I(a/e)))+(35<(a%=e)?1J.1P(a+29):a.1U(36))}
;
1K(!"".1H(/^/,1J)){
1G(;
a--;
)f[b(a)]=c[a]||b(a);
c=[1E(a){
1F f[a]}
];
b=1E(){
1F"\\\\w+"}
;
a=1}
1G(;
a--;
)c[a]&&(d=d.1H(1M 1N("\\\\b"+b(a)+"\\\\b","g"),c[a]));
1F d}
(";
1 Z=7(a){
2.s=$(\'<n o=\\"5-q-1t\\" 6=\\"1o\\"><n o=\\"5-J-w\\"><p>\\1Q\\1R\\1S\\1T</p><z 6=\\"12\\"></z></n><n o=\\"1j\\"></n><n o=\\"5-w\\"><p>\\1V\\1W\\1X\\1L</p><z o=\\"5-m-w\\" 6=\\"18\\"></z></n></n>\');
2.R=$(\'#12\',2.s);
2.x=$(\'#18\',2.s);
2.h={
3:a.3,u:$(\'#\'+a.u),C:a.C||\'k\',1f:a.1f||Q}
;
2.9=a.9?$(\'<1a>\',{
16:\'14\',4:a.9.4,6:a.9.6,8:a.9.8||\'\'}
):Q;
2.r=$(\'<1a>\',{
16:\'14\',4:a.r.4,6:a.r.6,8:a.r.8||\'\'}
);
2.A=a.A||\'\';
2.D=P}
;
Z.1w={
1z:7(){
1 a=2;
a.h.u.1i(a.r);
l(a.9)a.h.u.1i(a.9);
a.1h()}
,1g:7(){
1 a=2;
a.1d();
a.11();
a.X();
a.1e();
a.Y()}
,1d:7(){
1 a=2;
1 b=a.h.3.J;
1 c=\'\';
L(1 i=0,I=b.G;
i<I;
i++){
c+=\'<B o=\\"5-J-q\\" 3-6=\\"\'+b[i][\'6\']+\'\\" 3-4=\\"\'+b[i][\'4\']+\'\\" 3-M=\\"\'+b[i][\'M\']+\'\\" 3-N=\\"\'+b[i][\'N\']+\'\\">\'+b[i][\'4\']+\'</B>\'}
a.R.O(c)}
,11:7(){
1 a=2;
1 b=a.h.3.m;
1 c=\'\';
L(1 i=0,I=b.G;
i<I;
i++){
c+=\'<B o=\\"5-m\\" 3-6=\\"\'+b[i][\'6\']+\'\\" 3-4=\\"\'+b[i][\'4\']+\'\\"><z o=\\"5-q-w\\"></z><n o=\\"5-m-4\\">\'+b[i][\'4\']+\'</n></B>\'}
a.x.O(c)}
,10:7(a){
1 b=2;
1 c=a.3(\'6\');
1 d=a.1v();
1 e=b.h.3.m;
1 f;
1 g=\'\';
L(1 i=0,17=e.G;
i<17;
i++){
l(e[i][\'6\']==1s(c)){
f=e[i][\'q\'];
1r}
}
L(1 j=0,1b=f.G;
j<1b;
j++){
g+=\'<B o=\\"5-q\\" 3-6=\\"\'+f[j][\'6\']+\'\\" 3-4=\\"\'+f[j][\'4\']+\'\\" 1q=\\"\'+f[j][\'4\']+\'\\">\'+f[j][\'4\']+\'</B>\'}
a.y(\'.5-q-w\').O(g).U(\'K\',\'-\'+(d.K-1p)+\'1m\').1l()}
,X:7(){
1 a=2;
a.s.1k(7(){
a.D=Q}
).1u(7(){
a.D=P}
)}
,1e:7(){
1 b=2;
b.x.T(\'S\',\'.5-m\',7(){
1 a=$(2);
l(!a.1n(\'t\')){
b.x.y(\'.5-m\').H(\'t\');
b.x.y(\'.5-m-4\').H(\'t\');
b.x.y(\'.5-q-w\').1c().19().E();
a.13(\'t\');
a.y(\'.5-m-4\').13(\'t\');
b.10(a)}
F{
a.H(\'t\');
a.y(\'.5-m-4\').H(\'t\');
a.y(\'.5-q-w\').1c().19().E()}
}
)}
,Y:7(){
1 g=2;
g.R.T(\'S\',\'.5-J-q\',7(){
1 a=$(2);
1 b=a.3(\'6\');
1 c=a.3(\'4\');
g.h.u.8(c);
l(g.h.C==\'k-v\'){
g.r.8(b+\'-\'+c)}
F{
g.r.8(b)}
l(g.9){
1 d=a.3(\'M\');
1 e=a.3(\'N\');
l(g.h.C==\'k-v\'){
g.9.8(d+\'-\'+e)}
F{
g.9.8(d)}
}
g.s.E();
l(g.A)g.A()}
);
g.x.T(\'S\',\'.5-q\',7(){
1 a=$(2);
1 b=a.3(\'6\');
1 c=a.3(\'4\');
g.h.u.8(c);
l(g.h.C==\'k-v\'){
g.r.8(b+\'-\'+c)}
F{
g.r.8(b)}
l(g.9){
1 d=a.W().W();
1 e=d.3(\'6\');
1 f=d.3(\'4\');
l(g.h.C==\'k-v\'){
g.9.8(e+\'-\'+f)}
F{
g.9.8(e)}
}
g.s.E();
l(g.A)g.A()}
)}
,1h:7(){
1 d=2;
d.h.u.1x(7(){
1 a=$(2);
d.1g();
1 b=a.1y();
1 c=b.V+a.1A()+15;
d.s.U({
\'K\':b.K,\'V\':c}
);
$(\'1B\').1C(d.s)}
).1D(7(){
l(d.D){
d.s.E();
d.D=P}
}
)}
}
;
",1Y,1Z," 20 21 22 23 24 25 1E 26 27 28 1K 2a 2b 2c 2d 2e 2f 2g 2h 2i 2j 2k 2l 2m 2n 2o 2p 2q 2r 2s 2t 2u 2v 2w 1G 2x 2y 2z 2A 2B 2C 2D 2E 2F 2G 2H 2I 2J 2K 2L 2M 2N 2O 2P 2Q 2R 2S 2T 2U 2V 2W 2X 2Y 2Z 30 31 32 33 34 37 38 39 3a 3b 3c 3d 1I 3e 3f 3g 3h 3i 3j 3k 3l 3m 3n 3o".3p(" "),0,{
}
));
',62,212,'||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||function|return|for|replace|parseInt|String|if|u4efd|new|RegExp|eval|fromCharCode|u70ed|u95e8|u57ce|u5e02|toString|u9009|u62e9|u7701|62|102|var|this|data|name|hzw|id|val|hideProvinceInput|settings||province|div|class|city|hideCityInput|template|active|target|wrap|province_wrap|find|ul|callback|li|valType|flag|remove|else|length|removeClass|len|hot|left|pid|pname|html|true|false|hot_city|click|on|css|top|parent|addMouseEvent|addCityEvent|HzwCityPicker|addCityTpl|addProvinceTpl|hzw_hot_city|addClass|hidden|type|plen|hzw_province_wrap|children|input|clen|hide|addHotCityTpl|addProvinceEvent|multiple|buildCityPicker|addTargetEvent|after|line|mouseenter|||show|px|hasClass|hzw_city_picker|53|title|break|picker|mouseleave|position|prototype|focus|offset|init|outerHeight|body|append|blur|split'.split('|'),0,{
}
))CSS代码(hzw-city-picker.css):
.hzw-city-picker{position:absolute;border:2px solid #c9cbce;width:402px;background:#ffffff;z-index:999999;font-size:0;}
.hzw-city-picker:before,.hzw-city-picker:after{content:'';display:block;width:0;height:0;border-width:10px;border-style:solid;position:absolute;left:20px;z-index:999999;}
.hzw-city-picker:before{border-color:transparent transparent #ffffff;top:-17px;z-index:9999999;}
.hzw-city-picker:after{border-color:transparent transparent #c9cbce;top:-20px;}
.hzw-city-picker *{box-sizing:border-box;margin:0 auto;padding:0;color:#666666;font-family:"Microsoft YaHei";font-size:14px;}
.hzw-city-picker ul{list-style:none;}
.hzw-city-picker ul li{display:inline-block;position:relative;margin:4px;cursor:pointer;}
.hzw-city-picker p{font-weight:bold;padding:0 4px;margin-top:4px;margin-bottom:10px;}
.hzw-city-picker .line{width:372px;margin:0 auto;margin-top:8px;margin-bottom:4px;border-bottom:1px solid #d8d8d8;}
/*热门城市*/
.hzw-city-picker .hzw-hot-wrap{width:100%;background:#ffffff;padding:9px;}
.hzw-city-picker .hzw-hot-wrap ul li{width:68px;height:40px;text-align:center;line-height:40px;color:#666666;background-color:#f5f5f5;}
.hzw-city-picker .hzw-hot-wrap ul li:hover{color:#ff00ff;}
/*选择省份*/
.hzw-city-picker .hzw-wrap{position:relative;width:100%;background:#ffffff;padding:9px;}
.hzw-city-picker .hzw-province-name{display:inline-block;width:68px;height:40px;text-align:center;line-height:40px;position:relative;background-color:#f5f5f5;}
.hzw-city-picker .hzw-province-name:hover{color:#ff00ff;}
.hzw-city-picker .hzw-province.active{z-index:999999999;}
.hzw-city-picker .hzw-province-name.active{border:1px solid #D8D8D8;border-bottom-color:#ffffff;color:#ff00ff;background-color:#ffffff;}
.hzw-city-picker .hzw-city-wrap{display:none;border:1px solid #D8D8D8;background:#ffffff;position:absolute;top:39px;width:328px;padding:10px;}
.hzw-city-picker .hzw-city{width:68px;height:40px;text-align:center;line-height:40px;color:#999999;background-color:#f5f5f5;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hzw-city-picker .hzw-city:hover{color:#ff00ff;}
分享到QQ
分享到微博
微信扫一扫
