热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

xml+js+html的二级联动

首先需要准备的文档是:cities.xml主要是标注中国各省及其各省下的各个城市内容如下:东城区西城区崇文区宣武区朝阳区丰台区石景山区海淀区门头沟区房山区通州区顺义区昌平区大兴区怀

首先需要准备的文档是:

cities.xml

//主要是标注中国各省及其各省下的各个城市

内容如下:



    
    
    
        
        
        东城区
        西城区
        崇文区
        宣武区
        朝阳区
        丰台区
        石景山区
        海淀区
        门头沟区
        房山区
        通州区
        顺义区
        昌平区
        大兴区
        怀柔区
        平谷区
        
        密云县
        延庆县
    

    
        
        
        黄浦区
        卢湾区
        徐汇区
        长宁区
        静安区
        普陀区
        闸北区
        虹口区
        杨浦区
        闵行区
        宝山区
        嘉定区
        浦东新区
        金山区
        松江区
        青浦区
        南汇区
        奉贤区
        
        崇明县
    

    
        
        河西区
        南开区
        和平区
        河东区
        河北区
        红桥区
        
        北辰区
        津南区
        东丽区
        西青区
        
        武清区
        宝坻区
        
        蓟县
        宁河县
        静海县
        
        滨海新区
    

    
        
        
        渝中区
        大渡口区
        江北区
        沙坪坝区
        九龙坡区
        南岸区
        北碚区
        万盛区
        双桥区
        渝北区
        万州区
        涪陵区
        黔江区
        长寿区
        江津区
        合川区
        永川区
        南川区
        巴南区
    

    
    
    
    
    
        
        
        合肥市
        蚌埠市
        芜湖市
        淮南市
        马鞍山市
        淮北市
        铜陵市
        安庆市
        黄山市
        阜阳市
        宿州市
        滁州市
        六安市
        宣城市
        巢湖市
        池州市
        亳州市
        
        界首市
        桐城市
        天长市
        明光市
        宁国市
    

    
        
        福州市
        厦门市
        宁德市
        莆田市
        泉州市
        龙岩市
        漳州市
        三明市
        南平市
    

    
        
        兰州市
        天水市
        白银市
        平凉市
        庆阳市
        陇南市
        定西市
        金昌市
        武威市
        张掖市
        酒泉市
        嘉峪关市
        
        临夏回族自治州
        甘南藏族自治州
    

    
        
        
        
        广州市
        深圳 市
        佛山市
        东莞市
        中山市
        惠州市
        茂名市
        江门市
        湛江市
        珠海市
        汕头市
        肇庆市
        揭阳市
        清远市
        韶关市
        梅州市
        阳江市
        潮州 市
        河源市
        汕尾市
        云浮市
    

    
        
        贵阳市
        六盘水市
        遵义市
        铜仁市
        毕节市
        安顺市
        
        黔西南布依族苗族自治州
        黔东南苗族侗族自治州
        黔南布依族苗族自治州
    

    
        
        海口市
        三亚市
        文昌市
        琼海市
        万宁市
        五指山市
        东方市
        儋州市
    

    
        
        
        石家庄市
        唐山市
        邯郸市
        秦皇岛市
        保定市
        张家口市
        承德市
        廊坊市
        沧州市
        衡水市
        邢台市
    

    
        
        
        郑州市
        新乡市
        洛阳市
        安阳市
        焦作市
        许昌市
        平顶山市
        漯河市
        开封市
        濮阳市
        鹤壁市
        南阳市
        三门市
        驻马店市
        商丘市
        信阳市
        周口市
    

    
        
        
        哈尔滨市
        齐齐哈尔市
        鹤岗市
        双鸭山市
        鸡西市
        大庆市
        伊春市
        牡丹江市
        佳木斯市
        七台河市
        黑河市
        绥化市
    

    
        
        武汉市
        黄石市
        十堰市
        荆州市
        宜昌市
        襄樊市
        鄂州市
        荆门市
        孝感市
        黄冈市
        咸宁市
        随州市
        
        恩施土家族苗族自治州
        
        神农架林区
    

    
        
        
        长沙市
        株洲市
        湘潭市
        岳阳市
        益阳市
        常德市
        衡阳市
        邵阳市
        张家界市
        郴州市
        永州市
        怀化市
        娄底市
        
        湘西土家族苗族自治州
    

    
        
        长春市
        吉林市
        四平市
        辽源市
        通化市
        白山市
        松原市
        白城市
        
        延边朝鲜族自治州
    

    
        
        
        南京市
        扬州市
        苏州市
        无锡市
        南通市
        常州市
        徐州市
        连云港市
        镇江市
        淮安市
        宿迁市
        盐城市
        泰州市
    

    
        
        
        南昌市
        景德镇市
        九江市
        萍乡市
        新余市
        鹰潭市
        赣州市
        宜春市
        上饶市
        吉安市
        抚州市
    

    
        
        
        沈阳市
        大连市
        鞍山市
        抚顺市
        本溪市
        丹东市
        锦州市
        营口市
        阜新市
        辽阳市
        盘锦市
        铁岭市
        朝阳市
        葫芦岛市
    

    
        
        西宁市
        格尔木
        海东
    

    
        
        
        济南市
        德州市
        聊城市
        菏泽市
        泰安市
        莱芜市
        济宁市
        枣庄市
        临沂市
        日照市
        青岛市
        威海市
        烟台市
        潍坊市
        淄博市
        东营市
        滨州市
    

    
        
        
        太原市
        大同市
        朔州市
        阳泉市
        忻州市
        吕梁市
        晋中市
        临汾市
        长治市
        运城市
        晋城市
    

    
        
        西安市
        铜川市
        宝鸡市
        咸阳市
        渭南市
        延安市
        汉中市
        榆林市
        安康市
        商洛市
    

    
        
        
        成都市
        绵阳市
        自贡市
        攀枝花市
        泸州市
        德阳市
        广元市
        遂宁市
        内江市
        乐山市
        资阳市
        宜宾市
        南充市
        达州市
        雅安市
        广安市
        巴中市
        眉山市
        
        阿坝藏族羌族自治州
        甘孜藏族自治州
        凉山彝族自治州
    

    
        
        台北市
        新北市
        台中市
        台南市
        高雄市
        桃园市
    

    
        
        昆明市
        曲靖市
        玉溪市
        保山市
        昭通市
        丽江市
        思茅市
        临沧市
        
        文山州
        红河州
        西双版纳州
        楚雄州
        大理州
        德宏州
        怒江州
        迪庆州
    

    
        
        
        杭州市
        衢州市
        湖州市
        嘉兴市
        宁波市
        绍兴市
        台州市
        温州市
        丽水市
        金花市
        舟山市
        兰溪市
    

    
    
    
        
        
        桂林市
        南宁市
        柳州市
        梧州市
        玉林市
        钦州市
        来宾市
        贵港市
        北海市
        防城港市
        崇左市
        百色市
        河池市
        贺州市
    

    
        
        呼伦贝尔市
        呼和浩特市
        通辽市
        赤峰市
        乌兰察布市
        包头市
        鄂尔多斯市
        巴彦淖尔市
        乌海市
        
        阿拉善盟
        兴安盟
        锡林郭勒盟
    

    
        
        银川市
        石嘴山市
        吴忠市
        固原市
        中卫市
    

    
        
        拉萨市
    

    
        
        乌鲁木齐市
        克拉玛依市
        石河子市
        五家渠市
        阿拉尔市
        图木舒克市
    

    
    
        
        中西区
        东区
        南区
        湾仔区
        
        九龙城区
        观塘区
        观塘区
        黄大仙区
        油尖旺区
        
        离岛区
        葵青区
        北区
        西贡区
        沙田区
        大埔区
        荃湾区
        屯门区
        元朗区
    

    
        
        澳门半岛
        氹仔岛
        路环岛
        路氹城
    

 

接着就是一个location.html文档了

//用 js 和 xml 结合的Ajax 和html结合实现二级联动

内容如下:












//结果如下图所示:

技术分享

 

运行要求就是:

xml文档的名称是  cities.xml

html文档的名称是:XXXX.html(XXXX表示合法的文件名称字符)

这两个文件的所放的位置都是在同一文件夹下的。

 

结果:就会出现你所想要的结果了


推荐阅读
  • 在1995年,Simon Plouffe 发现了一种特殊的求和方法来表示某些常数。两年后,Bailey 和 Borwein 在他们的论文中发表了这一发现,这种方法被命名为 Bailey-Borwein-Plouffe (BBP) 公式。该问题要求计算圆周率 π 的第 n 个十六进制数字。 ... [详细]
  • 二维码的实现与应用
    本文介绍了二维码的基本概念、分类及其优缺点,并详细描述了如何使用Java编程语言结合第三方库(如ZXing和qrcode.jar)来实现二维码的生成与解析。 ... [详细]
  • 本文介绍了如何通过C#语言调用动态链接库(DLL)中的函数来实现IC卡的基本操作,包括初始化设备、设置密码模式、获取设备状态等,并详细展示了将TextBox中的数据写入IC卡的具体实现方法。 ... [详细]
  • 数据类型--char一、char1.1char占用2个字节char取值范围:【0~65535】char采用unicode编码方式char类型的字面量用单引号括起来char可以存储一 ... [详细]
  • 探讨如何在映射文件中处理重复的属性字段,以避免数据操作时出现错误。 ... [详细]
  • 探索AI智能机器人自动盈利系统的构建
    用户可通过支付198元押金及30元设备维护费租赁AI智能机器人,推荐他人加入可获得相应佣金。随着推荐人数的增加,用户将逐步解锁更高版本,享受更多收益。 ... [详细]
  • 本文将从基础概念入手,详细探讨SpringMVC框架中DispatcherServlet如何通过HandlerMapping进行请求分发,以及其背后的源码实现细节。 ... [详细]
  • Windows操作系统提供了Encrypting File System (EFS)作为内置的数据加密工具,特别适用于对NTFS分区上的文件和文件夹进行加密处理。本文将详细介绍如何使用EFS加密文件夹,以及加密过程中的注意事项。 ... [详细]
  • 回顾两年前春节期间的一个个人项目,该项目原本计划参加竞赛,但最终作为练习项目完成。独自完成了从编码到UI设计的全部工作,尽管代码量不大,但仍有一定的参考价值。本文将详细介绍该项目的背景、功能及技术实现。 ... [详细]
  • 如何在PHP中安装Xdebug扩展
    本文介绍了如何从PECL下载并编译安装Xdebug扩展,以及如何配置PHP和PHPStorm以启用调试功能。 ... [详细]
  • importjava.io.*;importjava.util.*;publicclass五子棋游戏{staticintm1;staticintn1;staticfinalintS ... [详细]
  • 解决Visual Studio Code中PHP Intelephense误报问题
    PHP作为一种高度灵活的编程语言,其代码结构可能导致Intelephense插件在某些情况下报告不必要的错误或警告。自1.3.3版本起,Intelephense引入了多个配置选项,允许用户根据具体的工作环境和编程风格调整这些诊断信息的显示。 ... [详细]
  • 心理学经典:《思考致富》
    《思考致富》是由美国著名成功学大师拿破仑·希尔撰写的一部重要著作,该书基于希尔长达20年的深入研究和访谈,探讨了个人成功的核心要素。书中不仅揭示了成功的关键,还提供了一系列实用的方法和策略。 ... [详细]
  • 本文将详细介绍如何在二进制和十六进制之间进行准确的转换,并提供实际的代码示例来帮助理解这一过程。 ... [详细]
  • empty,isset首先都会检查变量是否存在,然后对变量值进行检测。而is_null只是直接检查变量值,是否为null,因此如果变量未定义就会出现错误!检测一个变量是否是null ... [详细]
author-avatar
xeyuxing369
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有