Zero_qiqi DIV模式的省市区三级联动

1].[代码] [HTML]代码 跳至 [1] [2] [3] [4] [5] [6]

?


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Insert title here</title>

<link href="${path}/templates/default/style/css/global.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="${path}/js/jquery.js"></script>

<script src="${path}/scripts/lhgcore/lhgdialog.min.js" type="text/javascript"></script>

<script type="text/javascript" src="${path}/js/pcajson/json-array-of-province.js"></script>

<script type="text/javascript" src="${path}/js/pcajson/json-array-of-city.js"></script>

<script type="text/javascript" src="${path}/js/pcajson/json-array-of-district.js"></script>

<script>

function showSportDialog(){

    var htmls = ‘<div class="pop_sportsw_wrap">‘+

    ‘<ul class="pop_datafeedlist">‘+

        ‘<li><a href="javaScript:;" onclick="hidedg()"><span>篮球</span><s>V</s></a></li>‘+

        ‘<li><a href="javaScript:;" onclick="hidedg()" class="current"><span>足球</span><s>V</s></a></li>‘      

    ‘</ul>‘+

    ‘</div>‘;

    $.dialog({id:‘sportdg‘, title:‘选择运动‘,content:‘‘+htmls+‘‘});

}

//隐藏Dialog

function hidedg(){

$.dialog({id:‘sportdg‘}).close();

    //$(‘#sportdg‘).dialog("close");

}

    

$(function(){

    showProvince();

});

function showProvince(){

    var list = eval(json_provice);

    var html = ‘‘;

    $.each(list,function(i,item){

        html += ‘ <li onclick="showCityOfProvince(\‘‘+item.code+‘\‘)"><a href="javascript:;">‘+item.name+‘</a></li>‘

    });

    $(‘#provinceDiv‘).append(html);

}

function showCityOfProvince(p_code){

    var city_list = eval(json_city);

    var city_html = ‘‘;

        //alert(pcode.substr(0,2));

    $.each(city_list,function(i,item){

        if(item.code.substr(0,2) == p_code.substr(0,2)){

            city_html += ‘ <li onclick="showDistrictOfCity(\‘‘+item.code+‘\‘)"><a href="#">‘+item.name+‘</a></li>‘;

        }

    });

    $(‘#cityDiv‘).empty();

    $(‘#cityDiv‘).append(city_html);

}

function showDistrictOfCity(city_code){

    var district_list = eval(json_district);

    var district_html = ‘‘;

        //alert(pcode.substr(0,2));

    $.each(district_list,function(i,item){

        if(item.code.substr(0,4) == city_code.substr(0,4)){

            district_html += ‘ <li><a href="#">‘+item.name+‘</a></li>‘;

        }

    });

    $(‘#districtDiv‘).empty();

    $(‘#districtDiv‘).append(district_html);

}

</script>

</head>

<body class="body02">

<input type="text" id="name"  onclick="showSportDialog()"/>

<div class="pop_area_wrap">

<div class="titleWrap"><h2><strong>省</strong></h2></div>

    <ul class="pop_area_list" id="provinceDiv">

      

    </ul>

    

<div class="titleWrap"><h2><strong>市</strong></h2></div>

    <ul class="pop_area_selt" id="cityDiv">

    </ul>

    

<div class="titleWrap"><h2><strong>区</strong></h2></div>

    <ul class="pop_area_selt" id="districtDiv">

        <li></li>

        <li></li>

    </ul>

    

    

</div>

</body>

</html>

[2].[文件] test.html ~ 3KB    下载(228) 跳至 [1] [2] [3] [4] [5] [6]

?


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Insert title here</title>

<link href="${path}/templates/default/style/css/global.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="${path}/js/jquery.js"></script>

<script src="${path}/scripts/lhgcore/lhgdialog.min.js" type="text/javascript"></script>

<script type="text/javascript" src="${path}/js/pcajson/json-array-of-province.js"></script>

<script type="text/javascript" src="${path}/js/pcajson/json-array-of-city.js"></script>

<script type="text/javascript" src="${path}/js/pcajson/json-array-of-district.js"></script>

<script>

function showSportDialog(){

    var htmls = ‘<div class="pop_sportsw_wrap">‘+

    ‘<ul class="pop_datafeedlist">‘+

        ‘<li><a href="javaScript:;" onclick="hidedg()"><span>篮球</span><s>V</s></a></li>‘+

        ‘<li><a href="javaScript:;" onclick="hidedg()" class="current"><span>足球</span><s>V</s></a></li>‘      

    ‘</ul>‘+

    ‘</div>‘;

    $.dialog({id:‘sportdg‘, title:‘选择运动‘,content:‘‘+htmls+‘‘});

}

//隐藏Dialog

function hidedg(){

$.dialog({id:‘sportdg‘}).close();

    //$(‘#sportdg‘).dialog("close");

}

    

$(function(){

    showProvince();

});

function showProvince(){

    var list = eval(json_provice);

    var html = ‘‘;

    $.each(list,function(i,item){

        html += ‘ <li onclick="showCityOfProvince(\‘‘+item.code+‘\‘)"><a href="javascript:;">‘+item.name+‘</a></li>‘

    });

    $(‘#provinceDiv‘).append(html);

}

function showCityOfProvince(p_code){

    var city_list = eval(json_city);

    var city_html = ‘‘;

        //alert(pcode.substr(0,2));

    $.each(city_list,function(i,item){

        if(item.code.substr(0,2) == p_code.substr(0,2)){

            city_html += ‘ <li onclick="showDistrictOfCity(\‘‘+item.code+‘\‘)"><a href="#">‘+item.name+‘</a></li>‘;

        }

    });

    $(‘#cityDiv‘).empty();

    $(‘#cityDiv‘).append(city_html);

}

function showDistrictOfCity(city_code){

    var district_list = eval(json_district);

    var district_html = ‘‘;

        //alert(pcode.substr(0,2));

    $.each(district_list,function(i,item){

        if(item.code.substr(0,4) == city_code.substr(0,4)){

            district_html += ‘ <li><a href="#">‘+item.name+‘</a></li>‘;

        }

    });

    $(‘#districtDiv‘).empty();

    $(‘#districtDiv‘).append(district_html);

}

</script>

</head>

<body class="body02">

<input type="text" id="name"  onclick="showSportDialog()"/>

<div class="pop_area_wrap">

<div class="titleWrap"><h2><strong>省</strong></h2></div>

    <ul class="pop_area_list" id="provinceDiv">

      

    </ul>

    

<div class="titleWrap"><h2><strong>市</strong></h2></div>

    <ul class="pop_area_selt" id="cityDiv">

    </ul>

    

<div class="titleWrap"><h2><strong>区</strong></h2></div>

    <ul class="pop_area_selt" id="districtDiv">

        <li></li>

        <li></li>

    </ul>

    

    

</div>

</body>

</html>

[3].[文件] json-array-of-province.js ~ 1KB    下载(239) 跳至 [1] [2] [3] [4] [5] [6]

?


1

var json_provice = [{"name":"安徽省", "code":"340000"},{"name":"北京市", "code":"110000"},{"name":"福建省", "code":"350000"},{"name":"甘肃省", "code":"620000"},{"name":"广东省", "code":"440000"},{"name":"广西壮族自治区", "code":"450000"},{"name":"贵州省", "code":"520000"},{"name":"海南省", "code":"460000"},{"name":"河北省", "code":"130000"},{"name":"河南省", "code":"410000"},{"name":"黑龙江省", "code":"230000"},{"name":"湖北省", "code":"420000"},{"name":"湖南省", "code":"430000"},{"name":"吉林省", "code":"220000"},{"name":"江苏省", "code":"320000"},{"name":"江西省", "code":"360000"},{"name":"辽宁省", "code":"210000"},{"name":"内蒙古自治区", "code":"150000"},{"name":"宁夏回族自治区", "code":"640000"},{"name":"青海省", "code":"630000"},{"name":"山东省", "code":"370000"},{"name":"山西省", "code":"140000"},{"name":"陕西省", "code":"610000"},{"name":"上海市", "code":"310000"},{"name":"四川省", "code":"510000"},{"name":"天津市", "code":"120000"},{"name":"西藏自治区", "code":"540000"},{"name":"新疆维吾尔自治区", "code":"650000"},{"name":"云南省", "code":"530000"},{"name":"浙江省", "code":"330000"},{"name":"重庆市", "code":"500000"}]

[4].[文件] json-array-of-city.js ~ 14KB    下载(220) 跳至 [1] [2] [3] [4] [5] [6]

?


1

2

var json_city = [{"name":"安庆市", "code":"340800"},{"name":"蚌埠市", "code":"340300"},{"name":"巢湖市", "code":"341400"},{"name":"池州市", "code":"341700"},{"name":"滁州市", "code":"341100"},{"name":"阜阳市", "code":"341200"},{"name":"合肥市", "code":"340100"},{"name":"淮北市", "code":"340600"},{"name":"淮南市", "code":"340400"},{"name":"黄山市", "code":"341000"},{"name":"六安市", "code":"341500"},{"name":"马鞍山市", "code":"340500"},{"name":"宿州市", "code":"341300"},{"name":"铜陵市", "code":"340700"},{"name":"芜湖市", "code":"340200"},{"name":"宣城市", "code":"341800"},{"name":"亳州市", "code":"341600"},{"name":"市辖区", "code":"110100"},{"name":"县", "code":"110200"},{"name":"福州市", "code":"350100"},{"name":"龙岩市", "code":"350800"},{"name":"南平市", "code":"350700"},{"name":"宁德市", "code":"350900"},{"name":"莆田市", "code":"350300"},{"name":"泉州市", "code":"350500"},{"name":"三明市", "code":"350400"},{"name":"厦门市", "code":"350200"},{"name":"漳州市", "code":"350600"},{"name":"白银市", "code":"620400"},{"name":"定西市", "code":"621100"},{"name":"甘南藏族自治州", "code":"623000"},{"name":"嘉峪关市", "code":"620200"},{"name":"金昌市", "code":"620300"},{"name":"酒泉市", "code":"620900"},{"name":"兰州市", "code":"620100"},{"name":"临夏回族自治州", "code":"622900"},{"name":"陇南市", "code":"621200"},{"name":"平凉市", "code":"620800"},{"name":"庆阳市", "code":"621000"},{"name":"天水市", "code":"620500"},{"name":"武威市", "code":"620600"},{"name":"张掖市", "code":"620700"},{"name":"潮州市", "code":"445100"},{"name":"东莞市", "code":"441900"},{"name":"佛山市", "code":"440600"},{"name":"广州市", "code":"440100"},{"name":"河源市", "code":"441600"},{"name":"惠州市", "code":"441300"},{"name":"江门市", "code":"440700"},{"name":"揭阳市", "code":"445200"},{"name":"茂名市", "code":"440900"},{"name":"梅州市", "code":"441400"},{"name":"清远市", "code":"441800"},{"name":"汕头市", "code":"440500"},{"name":"汕尾市", "code":"441500"},{"name":"韶关市", "code":"440200"},{"name":"深圳市", "code":"440300"},{"name":"阳江市", "code":"441700"},{"name":"云浮市", "code":"445300"},{"name":"湛江市", "code":"440800"},{"name":"肇庆市", "code":"441200"},{"name":"中山市", "code":"442000"},{"name":"珠海市", "code":"440400"},{"name":"百色市", "code":"451000"},{"name":"北海市", "code":"450500"},{"name":"崇左市", "code":"451400"},{"name":"防城港市", "code":"450600"},{"name":"桂林市", "code":"450300"},{"name":"贵港市", "code":"450800"},{"name":"河池市", "code":"451200"},{"name":"贺州市", "code":"451100"},{"name":"来宾市", "code":"451300"},{"name":"柳州市", "code":"450200"},{"name":"南宁市", "code":"450100"},{"name":"钦州市", "code":"450700"},{"name":"梧州市", "code":"450400"},{"name":"玉林市", "code":"450900"},{"name":"安顺市", "code":"520400"},{"name":"毕节地区", "code":"522400"},{"name":"贵阳市", "code":"520100"},{"name":"六盘水市", "code":"520200"},{"name":"黔东南苗族侗族自治州", "code":"522600"},{"name":"黔南布依族苗族自治州", "code":"522700"},{"name":"黔西南布依族苗族自治州", "code":"522300"},{"name":"铜仁地区", "code":"522200"},{"name":"遵义市", "code":"520300"},{"name":"海口市", "code":"460100"},{"name":"三亚市", "code":"460200"},{"name":"省直辖县级行政单位", "code":"469000"},{"name":"保定市", "code":"130600"},{"name":"沧州市", "code":"130900"},{"name":"承德市", "code":"130800"},{"name":"邯郸市", "code":"130400"},{"name":"衡水市", "code":"131100"},{"name":"廊坊市", "code":"131000"},{"name":"秦皇岛市", "code":"130300"},{"name":"石家庄市", "code":"130100"},{"name":"唐山市", "code":"130200"},{"name":"邢台市", "code":"130500"},{"name":"张家口市", "code":"130700"},{"name":"安阳市", "code":"410500"},{"name":"鹤壁市", "code":"410600"},{"name":"焦作市", "code":"410800"},{"name":"开封市", "code":"410200"},{"name":"洛阳市", "code":"410300"},{"name":"南阳市", "code":"411300"},{"name":"平顶山市", "code":"410400"},{"name":"三门峡市", "code":"411200"},{"name":"商丘市", "code":"411400"},{"name":"新乡市", "code":"410700"},{"name":"信阳市", "code":"411500"},{"name":"许昌市", "code":"411000"},{"name":"郑州市", "code":"410100"},{"name":"周口市", "code":"411600"},{"name":"驻马店市", "code":"411700"},{"name":"漯河市", "code":"411100"},{"name":"濮阳市", "code":"410900"},{"name":"大庆市", "code":"230600"},{"name":"大兴安岭地区", "code":"232700"},{"name":"哈尔滨市", "code":"230100"},{"name":"鹤岗市", "code":"230400"},{"name":"黑河市", "code":"231100"},{"name":"鸡西市", "code":"230300"},{"name":"佳木斯市", "code":"230800"},{"name":"牡丹江市", "code":"231000"},{"name":"七台河市", "code":"230900"},{"name":"齐齐哈尔市", "code":"230200"},{"name":"双鸭山市", "code":"230500"},{"name":"绥化市", "code":"231200"},{"name":"伊春市", "code":"230700"},{"name":"鄂州市", "code":"420700"},{"name":"恩施土家族苗族自治州", "code":"422800"},{"name":"黄冈市", "code":"421100"},{"name":"黄石市", "code":"420200"},{"name":"荆门市", "code":"420800"},{"name":"荆州市", "code":"421000"},{"name":"省直辖行政单位", "code":"429000"},{"name":"十堰市", "code":"420300"},{"name":"随州市", "code":"421300"},{"name":"武汉市", "code":"420100"},{"name":"咸宁市", "code":"421200"},{"name":"襄樊市", "code":"420600"},{"name":"孝感市", "code":"420900"},{"name":"宜昌市", "code":"420500"},{"name":"常德市", "code":"430700"},{"name":"长沙市", "code":"430100"},{"name":"郴州市", "code":"431000"},{"name":"衡阳市", "code":"430400"},{"name":"怀化市", "code":"431200"},{"name":"娄底市", "code":"431300"},{"name":"邵阳市", "code":"430500"},{"name":"湘潭市", "code":"430300"},{"name":"湘西土家族苗族自治州", "code":"433100"},{"name":"益阳市", "code":"430900"},{"name":"永州市", "code":"431100"},{"name":"岳阳市", "code":"430600"},{"name":"张家界市", "code":"430800"},{"name":"株洲市", "code":"430200"},{"name":"白城市", "code":"220800"},{"name":"白山市", "code":"220600"},{"name":"长春市", "code":"220100"},{"name":"吉林市", "code":"220200"},{"name":"辽源市", "code":"220400"},{"name":"四平市", "code":"220300"},{"name":"松原市", "code":"220700"},{"name":"通化市", "code":"220500"},{"name":"延边朝鲜族自治州", "code":"222400"},{"name":"常州市", "code":"320400"},{"name":"淮安市", "code":"320800"},{"name":"连云港市", "code":"320700"},{"name":"南京市", "code":"320100"},{"name":"南通市", "code":"320600"},{"name":"苏州市", "code":"320500"},{"name":"宿迁市", "code":"321300"},{"name":"泰州市", "code":"321200"},{"name":"无锡市", "code":"320200"},{"name":"徐州市", "code":"320300"},{"name":"盐城市", "code":"320900"},{"name":"扬州市", "code":"321000"},{"name":"镇江市", "code":"321100"},{"name":"抚州市", "code":"361000"},{"name":"赣州市", "code":"360700"},{"name":"吉安市", "code":"360800"},{"name":"景德镇市", "code":"360200"},{"name":"九江市", "code":"360400"},{"name":"南昌市", "code":"360100"},{"name":"萍乡市", "code":"360300"},{"name":"上饶市", "code":"361100"},{"name":"新余市", "code":"360500"},{"name":"宜春市", "code":"360900"},{"name":"鹰潭市", "code":"360600"},{"name":"鞍山市", "code":"210300"},{"name":"本溪市", "code":"210500"},{"name":"朝阳市", "code":"211300"},{"name":"大连市", "code":"210200"},{"name":"丹东市", "code":"210600"},{"name":"抚顺市", "code":"210400"},{"name":"阜新市", "code":"210900"},{"name":"葫芦岛市", "code":"211400"},{"name":"锦州市", "code":"210700"},{"name":"辽阳市", "code":"211000"},{"name":"盘锦市", "code":"211100"},{"name":"沈阳市", "code":"210100"},{"name":"铁岭市", "code":"211200"},{"name":"营口市", "code":"210800"},{"name":"阿拉善盟", "code":"152900"},{"name":"巴彦淖尔市", "code":"150800"},{"name":"包头市", "code":"150200"},{"name":"赤峰市", "code":"150400"},{"name":"鄂尔多斯市", "code":"150600"},{"name":"呼和浩特市", "code":"150100"},{"name":"呼伦贝尔市", "code":"150700"},{"name":"通辽市", "code":"150500"},{"name":"乌海市", "code":"150300"},{"name":"乌兰察布市", "code":"150900"},{"name":"锡林郭勒盟", "code":"152500"},{"name":"兴安盟", "code":"152200"},{"name":"固原市", "code":"640400"},{"name":"石嘴山市", "code":"640200"},{"name":"吴忠市", "code":"640300"},{"name":"银川市", "code":"640100"},{"name":"中卫市", "code":"640500"},{"name":"果洛藏族自治州", "code":"632600"},{"name":"海北藏族自治州", "code":"632200"},{"name":"海东地区", "code":"632100"},{"name":"海南藏族自治州", "code":"632500"},{"name":"海西蒙古族藏族自治州", "code":"632800"},{"name":"黄南藏族自治州", "code":"632300"},{"name":"西宁市", "code":"630100"},{"name":"玉树藏族自治州", "code":"632700"},{"name":"滨州市", "code":"371600"},{"name":"德州市", "code":"371400"},{"name":"东营市", "code":"370500"},{"name":"菏泽市", "code":"371700"},{"name":"济南市", "code":"370100"},{"name":"济宁市", "code":"370800"},{"name":"莱芜市", "code":"371200"},{"name":"聊城市", "code":"371500"},{"name":"临沂市", "code":"371300"},{"name":"青岛市", "code":"370200"},{"name":"日照市", "code":"371100"},{"name":"泰安市", "code":"370900"},{"name":"威海市", "code":"371000"},{"name":"潍坊市", "code":"370700"},{"name":"烟台市", "code":"370600"},{"name":"枣庄市", "code":"370400"},{"name":"淄博市", "code":"370300"},{"name":"长治市", "code":"140400"},{"name":"大同市", "code":"140200"},{"name":"晋城市", "code":"140500"},{"name":"晋中市", "code":"140700"},{"name":"临汾市", "code":"141000"},{"name":"吕梁市", "code":"141100"},{"name":"朔州市", "code":"140600"},{"name":"太原市", "code":"140100"},{"name":"忻州市", "code":"140900"},{"name":"阳泉市", "code":"140300"},{"name":"运城市", "code":"140800"},{"name":"安康市", "code":"610900"},{"name":"宝鸡市", "code":"610300"},{"name":"汉中市", "code":"610700"},{"name":"商洛市", "code":"611000"},{"name":"铜川市", "code":"610200"},{"name":"渭南市", "code":"610500"},{"name":"西安市", "code":"610100"},{"name":"咸阳市", "code":"610400"},{"name":"延安市", "code":"610600"},{"name":"榆林市", "code":"610800"},{"name":"市辖区", "code":"310100"},{"name":"县", "code":"310200"},{"name":"阿坝藏族羌族自治州", "code":"513200"},{"name":"巴中市", "code":"511900"},{"name":"成都市", "code":"510100"},{"name":"达州市", "code":"511700"},{"name":"德阳市", "code":"510600"},{"name":"甘孜藏族自治州", "code":"513300"},{"name":"广安市", "code":"511600"},{"name":"广元市", "code":"510800"},{"name":"乐山市", "code":"511100"},{"name":"凉山彝族自治州", "code":"513400"},{"name":"眉山市", "code":"511400"},{"name":"绵阳市", "code":"510700"},{"name":"南充市", "code":"511300"},{"name":"内江市", "code":"511000"},{"name":"攀枝花市", "code":"510400"},{"name":"遂宁市", "code":"510900"},{"name":"雅安市", "code":"511800"},{"name":"宜宾市", "code":"511500"},{"name":"资阳市", "code":"512000"},{"name":"自贡市", "code":"510300"},{"name":"泸州市", "code":"510500"},{"name":"市辖区", "code":"120100"},{"name":"县", "code":"120200"},{"name":"阿里地区", "code":"542500"},{"name":"昌都地区", "code":"542100"},{"name":"拉萨市", "code":"540100"},{"name":"林芝地区", "code":"542600"},{"name":"那曲地区", "code":"542400"},{"name":"日喀则地区", "code":"542300"},{"name":"山南地区", "code":"542200"},{"name":"阿克苏地区", "code":"652900"},{"name":"阿勒泰地区", "code":"654300"},{"name":"巴音郭楞蒙古自治州", "code":"652800"},{"name":"博尔塔拉蒙古自治州", "code":"652700"},{"name":"昌吉回族自治州", "code":"652300"},{"name":"哈密地区", "code":"652200"},{"name":"和田地区", "code":"653200"},{"name":"喀什地区", "code":"653100"},{"name":"克拉玛依市", "code":"650200"},{"name":"克孜勒苏柯尔克孜自治州", "code":"653000"},{"name":"省直辖行政单位", "code":"659000"},{"name":"石河子市", "code":"650300"},{"name":"塔城地区", "code":"654200"},{"name":"吐鲁番地区", "code":"652100"},{"name":"乌鲁木齐市", "code":"650100"},{"name":"伊犁哈萨克自治州", "code":"654000"},{"name":"保山市", "code":"530500"},{"name":"楚雄彝族自治州", "code":"532300"},{"name":"大理白族自治州", "code":"532900"},{"name":"德宏傣族景颇族自治州", "code":"533100"},{"name":"迪庆藏族自治州", "code":"533400"},{"name":"红河哈尼族彝族自治州", "code":"532500"},{"name":"昆明市", "code":"530100"},{"name":"丽江市", "code":"530700"},{"name":"临沧市", "code":"530900"},{"name":"怒江傈僳族自治州", "code":"533300"},{"name":"曲靖市", "code":"530300"},{"name":"思茅市", "code":"530800"},{"name":"文山壮族苗族自治州", "code":"532600"},{"name":"西双版纳傣族自治州", "code":"532800"},{"name":"玉溪市", "code":"530400"},{"name":"昭通市", "code":"530600"},{"name":"杭州市", "code":"330100"},{"name":"湖州市", "code":"330500"},{"name":"嘉兴市", "code":"330400"},{"name":"金华市", "code":"330700"},{"name":"丽水市", "code":"331100"},{"name":"宁波市", "code":"330200"},{"name":"绍兴市", "code":"330600"},{"name":"台州市", "code":"331000"},{"name":"温州市", "code":"330300"},{"name":"舟山市", "code":"330900"},{"name":"衢州市", "code":"330800"},{"name":"市辖区", "code":"500100"},{"name":"县", "code":"500200"}

]

[5].[文件] json-array-of-district.js ~ 119KB    下载(384) 跳至 [1] [2] [3] [4] [5] [6]

[6].[图片] pca.jpg 跳至 [1] [2] [3] [4] [5] [6]

http://www.oschina.net/code/snippet_585437_13897#22778

时间： 2024-10-17 23:18:32

Zero_qiqi DIV模式的省市区三级联动的相关文章

使用PHP+MySql+Ajax+jQuery实现省市区三级联动功能

使用PHP+MySql+Ajax+jQuery实现省市区三级联动功能 要求:写一个省市区(或者年月日)的三级联动,实现地区或时间的下拉选择. 实现技术:php ajax 实现:省级下拉变化时市下拉区下拉跟着变化,市级下拉变化时区下拉跟着变化. 使用chinastates表查询 Ajax加载数据 1.这是chinastates表 2.做一个简单php:Ajax_eg.php <!DOCTYPE html><html>    <head>        <meta c

jquery省市区三级联动(数据来源国家统计局官网)内附源码下载

很久很久没有写博了. 今天更新了项目的省市区三级联动数据,更新后最新的海南三沙都有,分享给所有需要的小伙伴们... JQUERY + JSON,无数据库,纯JS代码,无加密,无压缩,可直接使用在任何项目中. 数据来源于国家统计局官网. 先上图: 绑定省市区 使用方法: 1. 引用JQUERY    <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.11.1/jquery.min

AJAX省市区三级联动下拉列表实现 JAVA开发

转载自:http://blog.sina.com.cn/s/blog_a48af8c001011lx1.html 例子--District Picker            http://fengyuanchen.github.io/distpicker/ 此小程序的功能主要是采用异步请求方式从数据库中调取省市区信息显示到下拉列表: 代码如下: 建立数据库中的代码和一些配置文件信息就省略了,主要有JavaScript中的代码为: $(document).ready(function(){   

基于thinkphp和ajax的省市区三级联动

练习,就当练习. 省市区三级联动,样式如下图所示: 1,导入两个js文件并且导入数据库文件. 两个js文件分别是jquery-2.1.4.min.js和jquery-1.js,数据库文件,见附件. 2,建一个index.html <div> <label>所在地点</label> <select name="province_id" id="province_id" style="width:150px;"

JS省市区三级联动

不需要访问后台服务器端,不使用Ajax,无刷新,纯JS实现的省市区三级联动. 当省市区数据变动是只需调正js即可. 使用方法: <!DOCTYPE html><html><head><title>纯JS省市区联动</title><script type="text/javascript" src="jsAddress.js"></script></head><bod

基于ThinkPHP+AJAX的省市区三级联动

练习,就当练习. 省市区三级联动,样式如下图所示: 1,导入两个js文件并且导入数据库文件. 两个js文件分别是jquery-2.1.4.min.js和jquery-1.js,数据库文件,见附件. 2,建一个index.html <div> <label>所在地点</label> <select name="province_id" id="province_id" style="width:150px;"

vue仿京东省市区三级联动选择组件

工作中需要一个盒京东购物车地址选择相似的一个省市区三级联动选择组件,google查了下都是下拉框形式的,于是自己写了一个,希望对使用vue开发项目的朋友有帮助,显示效果如下:使用vue2.0开发 html代码如下 <!--居住地址三级联动选项--> <section class="showChose" v-show="showChose"> <section class="address"> <secti

javaWeb数据库动态加载全国省市区三级联动

首先声明一下,全国省市区三级联动有很多的插件.没有必要这么麻烦的把省市区存到数据库,然后再获取.这样缺点很明显: 缺点:使用数据库,每次动态ajax获取数据都要操作一次数据库,增加了数据库的负担.不推荐这样做,直接使用插件比较好. 一些Jquery插件比较省时省力,不用来回操作数据库,就能达到你想要的效果,页面修饰就要自己设计咯.而且使用数据库你还要事先把省市区数据存到数据库,耗费精力,及时有一些现成的sql文件可以导入.但是感觉好麻烦有没有,博主算是试了一次. 好了说了很多废话,开始上代码吧:

JS 省市区三级联动

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.w3.org/1999/xhtml"> <head> <meta http-equiv=&q