博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
XML:使用DOM技术解析xML文件中的城市,实现select级联选择
阅读量:6759 次
发布时间:2019-06-26

本文共 17691 字,大约阅读时间需要 58 分钟。

中国的城市xml格式:cities.xml

东城区
西城区
崇文区
宣武区
朝阳区
丰台区
石景山区
海淀区
门头沟区
房山区
通州区
顺义区
昌平区
大兴区
怀柔区
平谷区
密云县
延庆县
和平区
河东区
河西区
南开区
河北区
红桥区
塘沽区
汉沽区
大港区
东丽区
西青区
津南区
北辰区
武清区
宝坻区
宁河县
静海县
蓟县
石家庄
唐山
秦皇岛
邯郸
邢台
保定
张家口
承德
沧州
廊坊
衡水
太原
大同
阳泉
长治
晋城
朔州
晋中
运城
忻州
临汾
吕梁
呼和浩特
包头
乌海
赤峰
通辽
鄂尔多斯
呼伦贝尔
巴彦淖尔
乌兰察布
兴安盟
锡林郭勒盟
阿拉善盟
沈阳
大连
鞍山
抚顺
本溪
丹东
锦州
营口
阜新
辽阳
盘锦
铁岭
朝阳
葫芦岛
长春
吉林
四平
辽源
通化
白山
松原
白城
延边
哈尔滨
齐齐哈尔
鸡西
鹤岗
双鸭山
大庆
伊春
佳木斯
七台河
牡丹江
黑河
绥化
大兴安岭
黄浦区
卢湾区
徐汇区
长宁区
静安区
普陀区
闸北区
虹口区
杨浦区
闵行区
宝山区
嘉定区
浦东新区
金山区
松江区
青浦区
南汇区
奉贤区
崇明县
南京
无锡
徐州
常州
苏州
南通
连云港
淮安
盐城
扬州
镇江
泰州
宿迁
杭州
宁波
温州
嘉兴
湖州
绍兴
金华
衢州
舟山
台州
丽水
合肥
芜湖
蚌埠
淮南
马鞍山
淮北
铜陵
安庆
黄山
滁州
阜阳
宿州
巢湖
六安
亳州
池州
宣城
福州
厦门
莆田
三明
泉州
漳州
南平
龙岩
宁德
南昌
景德镇
萍乡
九江
新余
鹰潭
赣州
吉安
宜春
抚州
上饶
济南
青岛
淄博
枣庄
东营
烟台
潍坊
济宁
泰安
威海
日照
莱芜
临沂
德州
聊城
滨州
荷泽
郑州
开封
洛阳
平顶山
安阳
鹤壁
新乡
焦作
濮阳
许昌
漯河
三门峡
南阳
商丘
信阳
周口
驻马店
武汉
黄石
十堰
宜昌
襄樊
鄂州
荆门
孝感
荆州
黄冈
咸宁
随州
恩施
神农架
长沙
株洲
湘潭
衡阳
邵阳
岳阳
常德
张家界
益阳
郴州
永州
怀化
娄底
湘西
广州
韶关
深圳
珠海
汕头
佛山
江门
湛江
茂名
肇庆
惠州
梅州
汕尾
河源
阳江
清远
东莞
中山
潮州
揭阳
云浮
南宁
柳州
桂林
梧州
北海
防城港
钦州
贵港
玉林
百色
贺州
河池
来宾
崇左
海口
三亚
重庆
万州区
涪陵区
渝中区
大渡口区
江北区
沙坪坝区
九龙坡区
南岸区
北碚区
万盛区
双桥区
渝北区
巴南区
黔江区
长寿区
綦江县
潼南县
铜梁县
大足县
荣昌县
璧山县
梁平县
城口县
丰都县
垫江县
武隆县
忠县
开县
云阳县
奉节县
巫山县
巫溪县
石柱土家族自治县
秀山土家族苗族自治县
酉阳土家族苗族自治县
彭水苗族土家族自治县
江津
合川
永川
南川
成都
自贡
攀枝花
泸州
德阳
绵阳
广元
遂宁
内江
乐山
南充
眉山
宜宾
广安
达州
雅安
巴中
资阳
阿坝
甘孜
凉山
贵阳
六盘水
遵义
安顺
铜仁
黔西南
毕节
黔东南
黔南
昆明
曲靖
玉溪
保山
昭通
丽江
思茅
临沧
楚雄
红河
文山
西双版纳
大理
德宏
怒江
迪庆
拉萨
昌都
山南
日喀则
那曲
阿里
林芝
西安
铜川
宝鸡
咸阳
渭南
延安
汉中
榆林
安康
商洛
兰州
嘉峪关
金昌
白银
天水
武威
张掖
平凉
酒泉
庆阳
定西
陇南
临夏
甘南
西宁
海东
海北
黄南
海南
果洛
玉树
海西
银川
石嘴山
吴忠
固原
中卫
乌鲁木齐
克拉玛依
吐鲁番
哈密
昌吉
博尔塔拉
巴音郭楞
阿克苏
克孜勒苏
喀什
和田
伊犁
塔城
阿勒泰
石河子
阿拉尔
图木舒克
五家渠
香港
澳门
台湾
View Code

下面,使用DOM解析xML文件中的城市,实现select级联选择

最基本的方法:selecCity.html

    
使用DOM解析city.xml,进行城市二级级联操作 中国城市二级级联选择

其实,还有一个更简单的方法,使用XPath技术,下面的实现效果是一样哟:selecCity2.html

    
使用DOM解析city.xml,进行城市二级级联操作 中国城市二级级联选择

拓展:判断浏览器类型,这儿还给出判断一个浏览器的方法:

//判断浏览器function myBrowser(){     //取得浏览器的userAgent字符串     var explorer = window.navigator.userAgent ;      //iE     if (explorer.indexOf("MSIE") > -1 && explorer.indexOf("compatible") > -1 && !explorer.indexOf("Opera")) {            return "IE";     }     //firefox      else if (explorer.indexOf("Firefox") > -1) {           return "Firefox";     }     //Chrome     else if(explorer.indexOf("Chrome") > -1){           return "Chrome";     }     //Opera     else if(explorer.indexOf("Opera") > -1){           return "Opera";     }     //Safari     else if(explorer.indexOf("Safari") > -1){           return "Safari";     }}

 

效果图显示:

 

 

转载地址:http://xoweo.baihongyu.com/

你可能感兴趣的文章
微信小程序开发者工具更新至v1.01.1711300后出现WXSS文件编译错误
查看>>
跨框架的弹出层
查看>>
请在服务器管理器的 Tomcat 定制器中设置 manager-script 角色的正确用户名和口令。...
查看>>
源码编译postfix-2.9.3构建邮件系统
查看>>
补基础:自学:计算机科学导论 第五章 计算机组成
查看>>
ORA-00257: archiver error. Connect internal only, until freed 错误的处理方法
查看>>
华为 5300系列 cpu oid
查看>>
风格化的ToggleButton
查看>>
vue.js 学习手记
查看>>
使用OSOT优化Windows 10虚拟桌面系统
查看>>
搭建spark源码运行环境报错及解决办法
查看>>
宝马汽车与中国马文化系列展示
查看>>
域账号锁定和管理工具
查看>>
linux文件系统
查看>>
HTTP协议头字段
查看>>
Linux文件系统之挂载/卸载
查看>>
textField限制输入整数0-100
查看>>
MySQL调优
查看>>
tableview 没有数据显示的时候,插入无数据的view
查看>>
数据结构与算法学习(一)
查看>>