JS省城级联
这里是HTML内容
<label class="control-label col-md-2 col-sm-3 col-xs-12">
购车城市
<span class="required">*</span>
</label>
<div class="col-md-2 col-sm-3 col-xs-12">
<select name="cinv.ccityshen" id="s1" class="form-control" onchange="getCity()">
</select>
</div>
<div class="col-md-2 col-sm-3 col-xs-12">
<select name="cinv.ccity" id="s2" class="form-control">
</select>
</div>这里是JS内容
var pr = {head:[
{text:"请选择",id:"请选择"},
{text:"北京市",id:"北京市"},
{text:"天津市",id:"天津市"},
{text:"上海市",id:"上海市"},
{text:"重庆市",id:"重庆市"},
{text:"河北省",id:"河北省"},
{text:"山西省",id:"山西省"},
{text:"辽宁省",id:"辽宁省"},
{text:"吉林省",id:"吉林省"},
{text:"黑龙江省",id:"黑龙江省"},
{text:"江苏省",id:"江苏省"},
{text:"浙江省",id:"浙江省"},
{text:"安徽省",id:"安徽省"},
{text:"福建省",id:"福建省"},
{text:"江西省",id:"江西省"},
{text:"山东省",id:"山东省"},
{text:"河南省",id:"河南省"},
{text:"湖北省",id:"湖北省"},
{text:"湖南省",id:"湖南省"},
{text:"广东省",id:"广东省"},
{text:"甘肃省",id:"甘肃省"},
{text:"四川省",id:"四川省"},
{text:"贵州省",id:"贵州省"},
{text:"海南省",id:"海南省"},
{text:"云南省",id:"云南省"},
{text:"青海省",id:"青海省"},
{text:"陕西省",id:"陕西省"},
{text:"广西藏族自治区",id:"广西藏族自治区"},
{text:"西藏自治区",id:"西藏自治区"},
{text:"宁夏回族自治区",id:"宁夏回族自治区"},
{text:"新疆维吾尔自治区",id:"新疆维吾尔自治区"},
{text:"内蒙古自治区",id:"内蒙古自治区"}
]};
//city.js
var city = {head:[
{text:"广州市",id:"广州市",pid:"广东省"},
{text:"深圳市",id:"深圳市",pid:"广东省"},
{text:"珠海市",id:"珠海市",pid:"广东省"},
{text:"汕头市",id:"汕头市",pid:"广东省"},
{text:"韶关市",id:"韶关市",pid:"广东省"},
{text:"佛山市",id:"佛山市",pid:"广东省"},
{text:"江门市",id:"江门市",pid:"广东省"},
{text:"湛江市",id:"湛江市",pid:"广东省"},
{text:"茂名市",id:"茂名市",pid:"广东省"},
{text:"肇庆市",id:"肇庆市",pid:"广东省"},
{text:"惠州市",id:"惠州市",pid:"广东省"},
{text:"梅州市",id:"梅州市",pid:"广东省"},
{text:"汕尾市",id:"汕尾市",pid:"广东省"},
{text:"河源市",id:"河源市",pid:"广东省"},
{text:"阳江市",id:"阳江市",pid:"广东省"},
{text:"清远市",id:"清远市",pid:"广东省"},
{text:"东莞市",id:"东莞市",pid:"广东省"},
{text:"中山市",id:"中山市",pid:"广东省"},
{text:"潮州市",id:"潮州市",pid:"广东省"},
{text:"揭阳市",id:"揭阳市",pid:"广东省"},
{text:"云浮市",id:"云浮市",pid:"广东省"},
{text:"北京市",id:"北京市",pid:"北京市"},
{text:"上海市",id:"上海市",pid:"上海市"},
{text:"天津市",id:"天津市",pid:"天津市"},
{text:"重庆市",id:"重庆市",pid:"重庆市"},
{text:"石家庄市",id:"石家庄市",pid:"河北省"},
{text:"唐山市",id:"唐山市",pid:"河北省"},
{text:"秦皇岛市",id:"秦皇岛市",pid:"河北省"},
{text:"邯郸市",id:"邯郸市",pid:"河北省"},
{text:"邢台市",id:"邢台市",pid:"河北省"},
{text:"保定市",id:"保定市",pid:"河北省"},
{text:"张家口市",id:"张家口市",pid:"河北省"},
{text:"承德市",id:"承德市",pid:"河北省"},
{text:"沧州市",id:"沧州市",pid:"河北省"},
{text:"廊坊市",id:"廊坊市",pid:"河北省"},
{text:"衡水市",id:"衡水市",pid:"河北省"},
{text:"太原市",id:"太原市",pid:"山西省"},
{text:"大同市",id:"大同市",pid:"山西省"},
{text:"阳泉市",id:"阳泉市",pid:"山西省"},
{text:"长治市",id:"长治市",pid:"山西省"},
{text:"晋城市",id:"晋城市",pid:"山西省"},
{text:"朔州市",id:"朔州市",pid:"山西省"},
{text:"晋中市",id:"晋中市",pid:"山西省"},
{text:"运城市",id:"运城市",pid:"山西省"},
{text:"忻州市",id:"忻州市",pid:"山西省"},
{text:"临汾市",id:"临汾市",pid:"山西省"},
{text:"吕梁市",id:"吕梁市",pid:"山西省"},
{text:"郑州市",id:"郑州市",pid:"河南省"},
{text:"开封市",id:"开封市",pid:"河南省"},
{text:"洛阳市",id:"洛阳市",pid:"河南省"},
{text:"平顶山市",id:"平顶山市",pid:"河南省"},
{text:"安阳市",id:"安阳市",pid:"河南省"},
{text:"鹤壁市",id:"鹤壁市",pid:"河南省"},
{text:"新乡市",id:"新乡市",pid:"河南省"},
{text:"焦作市",id:"焦作市",pid:"河南省"},
{text:"濮阳市",id:"濮阳市",pid:"河南省"},
{text:"许昌市",id:"许昌市",pid:"河南省"},
{text:"漯河市",id:"漯河市",pid:"河南省"},
{text:"三门峡市",id:"三门峡市",pid:"河南省"},
{text:"南阳市",id:"南阳市",pid:"河南省"},
{text:"商丘市",id:"商丘市",pid:"河南省"},
{text:"信阳市",id:"信阳市",pid:"河南省"},
{text:"周口市",id:"周口市",pid:"河南省"},
{text:"驻马店市",id:"驻马店市",pid:"河南省"},
{text:"济源市",id:"济源市",pid:"河南省"},
{text:"沈阳市",id:"沈阳市",pid:"辽宁省"},
{text:"大连市",id:"大连市",pid:"辽宁省"},
{text:"鞍山市",id:"鞍山市",pid:"辽宁省"},
{text:"抚顺市",id:"抚顺市",pid:"辽宁省"},
{text:"本溪市",id:"本溪市",pid:"辽宁省"},
{text:"丹东市",id:"丹东市",pid:"辽宁省"},
{text:"锦州市",id:"锦州市",pid:"辽宁省"},
{text:"营口市",id:"营口市",pid:"辽宁省"},
{text:"阜新市",id:"阜新市",pid:"辽宁省"},
{text:"辽阳市",id:"辽阳市",pid:"辽宁省"},
{text:"盘锦市",id:"盘锦市",pid:"辽宁省"},
{text:"铁岭市",id:"铁岭市",pid:"辽宁省"},
{text:"朝阳市",id:"朝阳市",pid:"辽宁省"},
{text:"葫芦岛市",id:"葫芦岛市",pid:"辽宁省"},
{text:"长春市",id:"长春市",pid:"吉林省"},
{text:"吉林市",id:"吉林市",pid:"吉林省"},
{text:"四平市",id:"四平市",pid:"吉林省"},
{text:"辽源市",id:"辽源市",pid:"吉林省"},
{text:"通化市",id:"通化市",pid:"吉林省"},
{text:"白山市",id:"白山市",pid:"吉林省"},
{text:"松原市",id:"通化市",pid:"吉林省"},
{text:"白城市",id:"白城市",pid:"吉林省"},
{text:"延边朝鲜族自治州",id:"延边朝鲜族自治州",pid:"吉林省"},
{text:"哈尔滨市",id:"哈尔滨市",pid:"黑龙江省"},
{text:"齐齐哈尔市",id:"齐齐哈尔市",pid:"黑龙江省"},
{text:"鹤岗市",id:"鹤岗市",pid:"黑龙江省"},
{text:"双鸭市",id:"双鸭市",pid:"黑龙江省"},
{text:"鸡西市",id:"鸡西市",pid:"黑龙江省"},
{text:"大庆市",id:"大庆市",pid:"黑龙江省"},
{text:"伊春市",id:"伊春市",pid:"黑龙江省"},
{text:"牡丹江市",id:"牡丹江市",pid:"黑龙江省"},
{text:"桂木斯",id:"桂木斯",pid:"黑龙江省"},
{text:"七台河",id:"七台河",pid:"黑龙江省"},
{text:"黑河市",id:"黑河市",pid:"黑龙江省"},
{text:"绥化市",id:"绥化市",pid:"黑龙江省"},
{text:"大兴安岭地区",id:"大兴安岭地区",pid:"黑龙江省"},
{text:"南京市",id:"南京市",pid:"江苏省"},
{text:"无锡市",id:"无锡市",pid:"江苏省"},
{text:"徐州市",id:"徐州市",pid:"江苏省"},
{text:"常州市",id:"常州市",pid:"江苏省"},
{text:"苏州市",id:"苏州市",pid:"江苏省"},
{text:"南通市",id:"南通市",pid:"江苏省"},
{text:"连云港市",id:"连云港市",pid:"江苏省"},
{text:"准安市",id:"准安市",pid:"江苏省"},
{text:"盐城市",id:"盐城市",pid:"江苏省"},
{text:"扬州市",id:"扬州市",pid:"江苏省"},
{text:"镇江市",id:"镇江市",pid:"江苏省"},
{text:"秦州市",id:"秦州市",pid:"江苏省"},
{text:"宿迁市",id:"宿迁市",pid:"江苏省"},
{text:"镇江",id:"镇江",pid:"江苏省"},
{text:"苏州",id:"苏州",pid:"江苏省"},
{text:"南通",id:"南通",pid:"江苏省"},
{text:"扬州",id:"扬州",pid:"江苏省"},
{text:"盐城",id:"盐城",pid:"江苏省"},
{text:"徐州",id:"徐州",pid:"江苏省"},
{text:"连云港",id:"连云港",pid:"江苏省"},
{text:"常州",id:"常州",pid:"江苏省"},
{text:"昆山",id:"昆山",pid:"江苏省"},
{text:"济南市",id:"济南市",pid:"山东省"},
{text:"青岛市",id:"青岛市",pid:"山东省"},
{text:"淄博市",id:"淄博市",pid:"山东省"},
{text:"枣庄市",id:"枣庄市",pid:"山东省"},
{text:"东营市",id:"东营市",pid:"山东省"},
{text:"烟台市",id:"烟台市",pid:"山东省"},
{text:"潍坊市",id:"潍坊市",pid:"山东省"},
{text:"齐宁市",id:"齐宁市",pid:"山东省"},
{text:"秦安市",id:"秦安市",pid:"山东省"},
{text:"威海市",id:"威海市",pid:"山东省"},
{text:"日照市",id:"日照市",pid:"山东省"},
{text:"莱芜市",id:"莱芜市",pid:"山东省"},
{text:"临沂市",id:"临沂市",pid:"山东省"},
{text:"德州市",id:"德州市",pid:"山东省"},
{text:"莱芜市",id:"莱芜市",pid:"山东省"},
{text:"聊城市",id:"聊城市",pid:"山东省"},
{text:"滨州市",id:"滨州市",pid:"山东省"},
{text:"菏泽市",id:"菏泽市",pid:"山东省"},
{text:"合肥市",id:"合肥市",pid:"安徽省"},
{text:"芜湖市",id:"芜湖市",pid:"安徽省"},
{text:"蚌埠市",id:"蚌埠市",pid:"安徽省"},
{text:"淮南市",id:"淮南市",pid:"安徽省"},
{text:"马鞍山市",id:"马鞍山市",pid:"安徽省"},
{text:"淮北市",id:"淮北市",pid:"安徽省"},
{text:"铜陵市",id:"铜陵市",pid:"安徽省"},
{text:"安庆市",id:"安庆市",pid:"安徽省"},
{text:"黄山市",id:"黄山市",pid:"安徽省"},
{text:"滁州市",id:"滁州市",pid:"安徽省"},
{text:"阜阳市",id:"阜阳市",pid:"安徽省"},
{text:"宿州市",id:"宿州市",pid:"安徽省"},
{text:"巢湖市",id:"巢湖市",pid:"安徽省"},
{text:"六安市",id:"六安市",pid:"安徽省"},
{text:"亳州市",id:"亳州市",pid:"安徽省"},
{text:"池州市",id:"池州市",pid:"安徽省"},
{text:"宣城市",id:"宣城市",pid:"安徽省"},
{text:"杭州市",id:"杭州市",pid:"浙江省"},
{text:"宁波市",id:"宁波市",pid:"浙江省"},
{text:"温州市",id:"温州市",pid:"浙江省"},
{text:"嘉兴市",id:"嘉兴市",pid:"浙江省"},
{text:"湖州市",id:"湖州市",pid:"浙江省"},
{text:"绍兴市",id:"绍兴市",pid:"浙江省"},
{text:"金华市",id:"金华市",pid:"浙江省"},
{text:"衢州市",id:"衢州市",pid:"浙江省"},
{text:"舟山市",id:"舟山市",pid:"浙江省"},
{text:"台州市",id:"台州市",pid:"浙江省"},
{text:"丽水市",id:"丽水市",pid:"浙江省"},
{text:"福州市",id:"福州市",pid:"福建省"},
{text:"厦门市",id:"厦门市",pid:"福建省"},
{text:"莆田市",id:"莆田市",pid:"福建省"},
{text:"三明市",id:"三明市",pid:"福建省"},
{text:"泉州市",id:"泉州市",pid:"福建省"},
{text:"漳州市",id:"漳州市",pid:"福建省"},
{text:"南平市",id:"南平市",pid:"福建省"},
{text:"龙岩市",id:"龙岩市",pid:"福建省"},
{text:"宁德市",id:"宁德市",pid:"福建省"},
{text:"武汉市",id:"武汉市",pid:"湖北省"},
{text:"黄石市",id:"黄石市",pid:"湖北省"},
{text:"十堰市",id:"十堰市",pid:"湖北省"},
{text:"荆州市",id:"荆州市",pid:"湖北省"},
{text:"宜昌市",id:"宜昌市",pid:"湖北省"},
{text:"襄樊市",id:"襄樊市",pid:"湖北省"},
{text:"鄂州市",id:"鄂州市",pid:"湖北省"},
{text:"荆门市",id:"荆门市",pid:"湖北省"},
{text:"孝感市",id:"孝感市",pid:"湖北省"},
{text:"黄冈市",id:"黄冈市",pid:"湖北省"},
{text:"咸宁市",id:"咸宁市",pid:"湖北省"},
{text:"随州市",id:"随州市",pid:"湖北省"},
{text:"仙桃市",id:"仙桃市",pid:"湖北省"},
{text:"天门市",id:"天门市",pid:"湖北省"},
{text:"潜江市",id:"潜江市",pid:"湖北省"},
{text:"神农架林区",id:"神农架林区",pid:"湖北省"},
{text:"恩施土家族苗族自治州",id:"恩施土家族苗族自治州",pid:"湖北省"},
{text:"长沙市",id:"长沙市",pid:"湖南省"},
{text:"株洲市",id:"株洲市",pid:"湖南省"},
{text:"湘潭市",id:"湘潭市",pid:"湖南省"},
{text:"衡阳市",id:"衡阳市",pid:"湖南省"},
{text:"邵阳市",id:"邵阳市",pid:"湖南省"},
{text:"岳阳市",id:"岳阳市",pid:"湖南省"},
{text:"常德市",id:"常德市",pid:"湖南省"},
{text:"张家界市",id:"张家界市",pid:"湖南省"},
{text:"益阳市",id:"益阳市",pid:"湖南省"},
{text:"郴州市",id:"郴州市",pid:"湖南省"},
{text:"永州市 ",id:"永州市 ",pid:"湖南省"},
{text:"怀化市 ",id:"怀化市 ",pid:"湖南省"},
{text:"娄底市",id:"娄底市",pid:"湖南省"},
{text:"湘西土家族苗族自治州",id:"湘西土家族苗族自治州",pid:"湖南省"},
{text:"南昌市",id:"南昌市",pid:"江西省"},
{text:"景德镇市",id:"景德镇市",pid:"江西省"},
{text:"萍乡市",id:"萍乡市",pid:"江西省"},
{text:"九江市",id:"九江市",pid:"江西省"},
{text:"新余市",id:"新余市",pid:"江西省"},
{text:"鹰潭市",id:"鹰潭市",pid:"江西省"},
{text:"赣州市",id:"赣州市",pid:"江西省"},
{text:"吉安市",id:"吉安市",pid:"江西省"},
{text:"宜春市",id:"宜春市",pid:"江西省"},
{text:"抚州市",id:"抚州市",pid:"江西省"},
{text:"成都市",id:"成都市",pid:"四川省"},
{text:"自贡市",id:"自贡市",pid:"四川省"},
{text:"攀枝花市",id:"攀枝花市",pid:"四川省"},
{text:"泸州市",id:"泸州市",pid:"四川省"},
{text:"德阳市",id:"德阳市",pid:"四川省"},
{text:"绵阳市",id:"绵阳市",pid:"四川省"},
{text:"广元市",id:"广元市",pid:"四川省"},
{text:"遂宁市",id:"遂宁市",pid:"四川省"},
{text:"内江市",id:"内江市",pid:"四川省"},
{text:"乐山市",id:"乐山市",pid:"四川省"},
{text:"南充市",id:"南充市",pid:"四川省"},
{text:"眉山市",id:"眉山市",pid:"四川省"},
{text:"宜宾市",id:"宜宾市",pid:"四川省"},
{text:"广安市",id:"广安市",pid:"四川省"},
{text:"达州市",id:"达州市",pid:"四川省"},
{text:"雅安市",id:"雅安市",pid:"四川省"},
{text:"巴中市",id:"巴中市",pid:"四川省"},
{text:"资阳市",id:"资阳市",pid:"四川省"},
{text:"阿坝藏族羌族自治州",id:"阿坝藏族羌族自治州",pid:"四川省"},
{text:"甘孜藏族自治州",id:"甘孜藏族自治州",pid:"四川省"},
{text:"凉山彝族自治州",id:"凉山彝族自治州",pid:"四川省"},
{text:"贵阳市",id:"贵阳市",pid:"贵州省"},
{text:"六盘水市",id:"六盘水市",pid:"贵州省"},
{text:"遵义市",id:"遵义市",pid:"贵州省"},
{text:"安顺市",id:"安顺市",pid:"贵州省"},
{text:"铜仁地区",id:"铜仁地区",pid:"贵州省"},
{text:"毕节地区",id:"毕节地区",pid:"贵州省"},
{text:"黔西南布依族苗族自治州",id:"黔西南布依族苗族自治州",pid:"贵州省"},
{text:"黔南布依族苗族自治州",id:"黔南布依族苗族自治州",pid:"贵州省"},
{text:"黔东南苗族侗族自治州",id:"黔东南苗族侗族自治州",pid:"贵州省"},
{text:"昆明市",id:"昆明市",pid:"云南省"},
{text:"曲靖市",id:"曲靖市",pid:"云南省"},
{text:"玉溪市",id:"玉溪市",pid:"云南省"},
{text:"保山市",id:"保山市",pid:"云南省"},
{text:"昭通市",id:"昭通市",pid:"云南省"},
{text:"丽江市",id:"丽江市",pid:"云南省"},
{text:"思茅市",id:"思茅市",pid:"云南省"},
{text:"临沧市",id:"临沧市",pid:"云南省"},
{text:"文山壮族苗族自治州",id:"文山壮族苗族自治州",pid:"云南省"},
{text:"红河哈尼族彝族自治州",id:"红河哈尼族彝族自治州",pid:"云南省"},
{text:"西双版纳傣族自治州",id:"西双版纳傣族自治州",pid:"云南省"},
{text:"楚雄彝族自治州",id:"楚雄彝族自治州",pid:"云南省"},
{text:"大理白族自治州",id:"大理白族自治州",pid:"云南省"},
{text:"德宏傣族景颇族自治州",id:"德宏傣族景颇族自治州",pid:"云南省"},
{text:"怒江傈僳族自治州",id:"怒江傈僳族自治州",pid:"云南省"},
{text:"迪庆藏族自治州",id:"迪庆藏族自治州",pid:"云南省"},
{text:"西安市",id:"西安市",pid:"陕西省"},
{text:"铜川市",id:"铜川市",pid:"陕西省"},
{text:"宝鸡市",id:"宝鸡市",pid:"陕西省"},
{text:"咸阳市",id:"咸阳市",pid:"陕西省"},
{text:"渭南市",id:"渭南市",pid:"陕西省"},
{text:"延安市",id:"延安市",pid:"陕西省"},
{text:"汉中市",id:"汉中市",pid:"陕西省"},
{text:"榆林市",id:"榆林市",pid:"陕西省"},
{text:"安康市",id:"安康市",pid:"陕西省"},
{text:"商洛市",id:"商洛市",pid:"陕西省"},
{text:"兰州市",id:"兰州市",pid:"甘肃省"},
{text:"金昌市",id:"金昌市",pid:"甘肃省"},
{text:"白银市",id:"白银市",pid:"甘肃省"},
{text:"天水市",id:"天水市",pid:"甘肃省"},
{text:"嘉峪关市",id:"嘉峪关市",pid:"甘肃省"},
{text:"武威市",id:"武威市",pid:"甘肃省"},
{text:"张掖市",id:"张掖市",pid:"甘肃省"},
{text:"平凉市",id:"平凉市",pid:"甘肃省"},
{text:"酒泉市",id:"酒泉市",pid:"甘肃省"},
{text:"庆阳市",id:"庆阳市",pid:"甘肃省"},
{text:"定西市",id:"定西市",pid:"甘肃省"},
{text:"陇南市",id:"陇南市",pid:"甘肃省"},
{text:"临夏回族自治州",id:"临夏回族自治州",pid:"甘肃省"},
{text:"甘南藏族自治州",id:"甘南藏族自治州",pid:"甘肃省"},
{text:"西宁市",id:"西宁市",pid:"青海省"},
{text:"海东地区",id:"海东地区",pid:"青海省"},
{text:"海北藏族自治州",id:"海北藏族自治州",pid:"青海省"},
{text:"黄南藏族自治州",id:"黄南藏族自治州",pid:"青海省"},
{text:"海南藏族自治州",id:"海南藏族自治州",pid:"青海省"},
{text:"果洛藏族自治州",id:"果洛藏族自治州",pid:"青海省"},
{text:"玉树藏族自治州",id:"玉树藏族自治州",pid:"青海省"},
{text:"海西蒙古族藏族自治州",id:"海西蒙古族藏族自治州",pid:"青海省"},
{text:"南宁市",id:"南宁市",pid:"广西藏族自治区"},
{text:"柳州市",id:"柳州市",pid:"广西藏族自治区"},
{text:"桂林市",id:"桂林市",pid:"广西藏族自治区"},
{text:"梧州市",id:"梧州市",pid:"广西藏族自治区"},
{text:"北海市",id:"北海市",pid:"广西藏族自治区"},
{text:"防城港市",id:"防城港市",pid:"广西藏族自治区"},
{text:"钦州市",id:"钦州市",pid:"广西藏族自治区"},
{text:"贵港市",id:"贵港市",pid:"广西藏族自治区"},
{text:"玉林市",id:"玉林市",pid:"广西藏族自治区"},
{text:"百色市",id:"百色市",pid:"广西藏族自治区"},
{text:"贺州市",id:"贺州市",pid:"广西藏族自治区"},
{text:"河池市",id:"河池市",pid:"广西藏族自治区"},
{text:"来宾市",id:"来宾市",pid:"广西藏族自治区"},
{text:"崇左市",id:"崇左市",pid:"广西藏族自治区"},
{text:"拉萨市",id:"拉萨市",pid:"西藏自治区"},
{text:"那曲地区",id:"那曲地区",pid:"西藏自治区"},
{text:"昌都地区",id:"昌都地区",pid:"西藏自治区"},
{text:"山南地区",id:"山南地区",pid:"西藏自治区"},
{text:"日喀则地区",id:"日喀则地区",pid:"西藏自治区"},
{text:"阿里地区",id:"阿里地区",pid:"西藏自治区"},
{text:"林芝地区",id:"林芝地区",pid:"西藏自治区"},
{text:"银川市",id:"银川市",pid:"宁夏回族自治区"},
{text:"石嘴山市",id:"石嘴山市",pid:"宁夏回族自治区"},
{text:"吴忠市",id:"吴忠市",pid:"宁夏回族自治区"},
{text:"固原市",id:"固原市",pid:"宁夏回族自治区"},
{text:"中卫市",id:"中卫市",pid:"宁夏回族自治区"},
{text:"乌鲁木齐市",id:"乌鲁木齐市",pid:"新疆维吾尔自治区"},
{text:"克拉玛依市",id:"克拉玛依市",pid:"新疆维吾尔自治区"},
{text:"石河子市",id:"石河子市",pid:"新疆维吾尔自治区"},
{text:"阿拉尔市",id:"阿拉尔市",pid:"新疆维吾尔自治区"},
{text:"图木舒克市",id:"图木舒克市",pid:"新疆维吾尔自治区"},
{text:"五家渠市",id:"五家渠市",pid:"新疆维吾尔自治区"},
{text:"吐鲁番市",id:"吐鲁番市",pid:"新疆维吾尔自治区"},
{text:"阿克苏市",id:"阿克苏市",pid:"新疆维吾尔自治区"},
{text:"喀什市",id:"喀什市",pid:"新疆维吾尔自治区"},
{text:"和田市",id:"和田市",pid:"新疆维吾尔自治区"},
{text:"阿图什市",id:"阿图什市",pid:"新疆维吾尔自治区"},
{text:"库尔勒市",id:"库尔勒市",pid:"新疆维吾尔自治区"},
{text:"昌吉市",id:"昌吉市",pid:"新疆维吾尔自治区"},
{text:"阜康市",id:"阜康市",pid:"新疆维吾尔自治区"},
{text:"米泉市",id:"米泉市",pid:"新疆维吾尔自治区"},
{text:"博乐市",id:"博乐市",pid:"新疆维吾尔自治区"},
{text:"伊宁市",id:"伊宁市",pid:"新疆维吾尔自治区"},
{text:"奎屯市",id:"奎屯市",pid:"新疆维吾尔自治区"},
{text:"塔城市",id:"塔城市",pid:"新疆维吾尔自治区"},
{text:"乌苏市",id:"乌苏市",pid:"新疆维吾尔自治区"},
{text:"阿勒泰市",id:"阿勒泰市",pid:"新疆维吾尔自治区"},
{text:"呼和浩特市",id:"呼和浩特市",pid:"内蒙古自治区"},
{text:"包头市",id:"包头市",pid:"内蒙古自治区"},
{text:"乌海市",id:"乌海市",pid:"内蒙古自治区"},
{text:"赤峰市",id:"赤峰市",pid:"内蒙古自治区"},
{text:"通辽市",id:"通辽市",pid:"内蒙古自治区"},
{text:"鄂尔多斯市",id:"鄂尔多斯市",pid:"内蒙古自治区"},
{text:"呼伦贝尔市",id:"呼伦贝尔市",pid:"内蒙古自治区"},
{text:"巴彦淖尔市",id:"巴彦淖尔市",pid:"内蒙古自治区"},
{text:"乌兰察布市",id:"乌兰察布市",pid:"内蒙古自治区"},
{text:"锡林郭勒盟",id:"锡林郭勒盟",pid:"内蒙古自治区"},
{text:"兴安盟",id:"兴安盟",pid:"内蒙古自治区"},
{text:"阿拉善盟",id:"阿拉善盟",pid:"内蒙古自治区"},
{text:"海口市",id:"海口市",pid:"海南省"},
{text:"三亚市",id:"三亚市",pid:"海南省"},
{text:"五指山市",id:"五指山市",pid:"海南省"},
{text:"琼海市",id:"琼海市",pid:"海南省"},
{text:"儋州市",id:"儋州市",pid:"海南省"},
{text:"文昌市",id:"文昌市",pid:"海南省"},
{text:"万宁市",id:"万宁市",pid:"海南省"},
{text:"东方市",id:"东方市",pid:"海南省"},
{text:"澄迈县",id:"澄迈县",pid:"海南省"},
{text:"三沙市 ",id:"三沙市 ",pid:"海南省"},
{text:"定安县",id:"定安县",pid:"海南省"},
{text:"屯昌县",id:"屯昌县",pid:"海南省"},
{text:"临高县",id:"临高县",pid:"海南省"},
{text:"白沙黎族自治县",id:"白沙黎族自治县",pid:"海南省"},
{text:"昌江黎族自治县",id:"昌江黎族自治县",pid:"海南省"},
{text:"乐东黎族自治县",id:"乐东黎族自治县",pid:"海南省"},
{text:"陵水黎族自治县",id:"陵水黎族自治县",pid:"海南省"},
{text:"保亭黎族苗族自治县",id:"保亭黎族苗族自治县",pid:"海南省"},
{text:"琼中黎族苗族自治县",id:"琼中黎族苗族自治县",pid:"海南省"}
]};
var prs = {head:[
{text:"请选择",id:"请选择"},
{text:"插电式混合动力客车",id:"插电式混合动力客车"},
{text:"插电式混合动力乘用车",id:"插电式混合动力乘用车"},
{text:"纯电动客车",id:"纯电动客车"},
{text:"纯电动乘用车",id:"纯电动乘用车"},
{text:"纯电动特种车",id:"纯电动特种车"},
{text:"燃料电池客车",id:"燃料电池客车"},
{text:"燃料电池乘用车",id:"燃料电池乘用车"}
]};
//city.js
var citys = {head:[
{text:"公交",id:"公交",pid:"插电式混合动力客车"},
{text:"通勤",id:"通勤",pid:"插电式混合动力客车"},
{text:"旅游",id:"旅游",pid:"插电式混合动力客车"},
{text:"公路",id:"公路",pid:"插电式混合动力客车"},
{text:"公务",id:"公交",pid:"插电式混合动力乘用车"},
{text:"出租",id:"出租",pid:"插电式混合动力乘用车"},
{text:"租赁",id:"租赁",pid:"插电式混合动力乘用车"},
{text:"私人",id:"私人",pid:"插电式混合动力乘用车"},
{text:"公交",id:"公交",pid:"纯电动客车"},
{text:"通勤",id:"通勤",pid:"纯电动客车"},
{text:"旅游",id:"旅游",pid:"纯电动客车"},
{text:"公路",id:"公路",pid:"纯电动客车"},
{text:"公务",id:"公交",pid:"纯电动乘用车"},
{text:"出租",id:"出租",pid:"纯电动乘用车"},
{text:"租赁",id:"租赁",pid:"纯电动乘用车"},
{text:"私人",id:"私人",pid:"纯电动乘用车"},
{text:"邮政",id:"邮政",pid:"纯电动特种车"},
{text:"物流",id:"物流",pid:"纯电动特种车"},
{text:"环卫",id:"环卫",pid:"纯电动特种车"},
{text:"工程",id:"工程",pid:"纯电动特种车"},
{text:"公交",id:"公交",pid:"燃料电池客车"},
{text:"通勤",id:"通勤",pid:"燃料电池客车"},
{text:"旅游",id:"旅游",pid:"燃料电池客车"},
{text:"公路",id:"公路",pid:"燃料电池客车"},
{text:"公务",id:"公交",pid:"燃料电池乘用车"},
{text:"出租",id:"出租",pid:"燃料电池乘用车"},
{text:"租赁",id:"租赁",pid:"燃料电池乘用车"},
{text:"私人",id:"私人",pid:"燃料电池乘用车"}
]};
function getCity() {
var s1 = $("#s1").val();
var s2 = $("#s2");
s2.empty();
$("<option value='请选择'>请选择</option>").appendTo(s2);
for (var i = 0; i < city.head.length; i++) {
if (s1 == city.head[i].pid) {
$("<option value='" + city.head[i].id + "'>" + city.head[i].text + "</option>").appendTo(s2);
}
}
}
function getSpecies() {
var s3 = $("#s3").val();
var s4 = $("#s4");
s4.empty();
$("<option value='请选择'>请选择</option>").appendTo(s4);
for (var i = 0; i < citys.head.length; i++) {
if (s3 == citys.head[i].pid) {
$("<option value='" + citys.head[i].id + "'>" + citys.head[i].text + "</option>").appendTo(s4);
}
}
}
$(document).ready(function() {
var s1 = $("#s1");
s1.empty();
for (var i = 0; i < pr.head.length; i++) {
$("<option value='" + pr.head[i].id + "'>" + pr.head[i].text + "</option>").appendTo(s1);
}
var s3 = $("#s3");
s3.empty();
for (var i = 0; i < prs.head.length; i++) {
$("<option value='" + prs.head[i].id + "'>" + prs.head[i].text + "</option>").appendTo(s3);
}
});
转载于:https://my.oschina.net/u/3578766/blog/1555398
JS省城级联的更多相关文章
- JS动态级联菜单
JS动态级联菜单是前端常用的一个功能,特此抽时间研究了下,附上代码 <html> <head> <meta charset="utf-8" /> ...
- js select级联，上面分类，下面是内容
js select级联,上面分类,下面是内容. js级联效果如下: 分类: 请选择 水果 蔬菜 其他 内容: // html和js代码如下: <html> <hea ...
- JS日期级联组件代码分析及demo
最近研究下JS日期级联效果 感觉还不错,然后看了下kissy也正好有这么一个组件,也看了下源码,写的还不错,通过google最早是在2011年 淘宝的虎牙(花名)用原审JS写了一个(貌似据说是从YUI ...
- js省市级联实现
js省市级联实现. for [element] in [collection] 用于循环下标,常用于json for(index in arr){ console.info("下标:&quo ...
- JS实战 · 级联菜单选择省份和城市（两种）
DOM编程步骤.思路 1.定义界面: 通过html标签将数据进行封装: 2.定义一些静态样式: 利用css: 3.需要动态地完成的和用户的交互: a:明确事件源: ...
- js省市区级联选择联动
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta http-equiv="Con ...
- js实现级联菜单（没有后台）
html代码: <!-- js级联菜单 --> <div id="cascMenu"> <select id="select" o ...
- Js异步级联选择框实践方法
HTML: <li> <span>所在地区:</span> <select name="prov" id="ddl_prov&q ...
- 原生js实现级联下拉列表
<!DOCTYPE> <html> <head> <title>级联下拉列表</title> <meta charset=" ...
随机推荐
- 前端面试题解密：经典算法之冒泡算法（ES6版）及优化
前言 随着前端的飞速发展,前端业务开发给前端工程师提出了更高的要求,因而算法题也越来越高频次的出现在前端面试中.有很多的小伙伴找胡哥苦诉,在前端实际开发中(除了涉及游戏开发方面),算法使用有很多吗?大 ...
- MyBatis（九）：动态SQL
本文是按照狂神说的教学视频学习的笔记,强力推荐,教学深入浅出一遍就懂!b站搜索狂神说或点击下面链接 https://space.bilibili.com/95256449?spm_id_from=33 ...
- IDEA使用技巧，如何在JSP中创建Servlet“小程序”
步骤 1.新建一个java类,实现Servlet接口 2.实现接口中的抽象方法: 3.在web.xml文件中配置好servlet <web-app ......> <servlet& ...
- 基础类封装-Requests库封装
#!/usr/bin/env python3 # -*- coding: utf-8 -*- # @Time : 2020/03/18 23:37 # @Author : Tang Yiwei # @ ...
- spark模型运行时无法连接摸个excutors异常org.apache.spark.shuffle.FetchFailedException: Failed to connect to xxxx/xx.xx.xx.xx:xxxx
error:org.apache.spark.shuffle.FetchFailedException: Failed to connect to xxxx/xx.xx.xx.xx:xxxx 定位来定 ...
- H5 环境检测
检测是否在客户端App内 function is_app() { var userAgent = navigator.userAgent.toLowerCase();//获取UA信息 if (user ...
- https的秘钥公钥以及之间的会话流程
一 共享秘钥 1.1 概念 共享秘钥和我们生活中同一把锁的钥匙概念类似,对同一把锁来说,加锁时使用什么钥匙,解锁也必须使用同样的钥匙. 1.2 共享秘钥在HTTP传输中的缺点 以共享密钥方式加密时 ...
- Linux c++ vim环境搭建系列（4）——vim插件安装配置使用
4. 插件 主要是c++相关的. ~/.vimrc文件在GitHub上有:https://github.com/whuwzp/vim_config 以下内容参考: https://github.com ...
- 010-字符串-C语言笔记
010-字符串-C语言笔记 学习目标 1.[掌握]二维数组的声明和初始化 2.[掌握]遍历二维数组 3.[掌握]二维数组在内存中的存储 4.[掌握]二维数组与函数 5.[掌握]字符串 一.二维数组的声 ...
- Docker-Bridge Network 01 容器间通信
本小节介绍bridge network模式下,单机上的容器网络拓扑及通信. 1.前言 对于单机上的容器,Docker提供了bridge.host.none三种网络.我们首先介绍经典的bridge模式. ...