博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
省市联动案例
阅读量:6846 次
发布时间:2019-06-26

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

步骤

1、创建一个页面,有2个下拉选择框

2、在第一个下拉框里面有一个事件 onchange:改变事件

       -- 方法 add(this.value):表示当前改变的option里面的value值

3、创建一个二维数组,存储数据

    -- 每个数组中第一个元素是国家名称,后面是城市名称

    a、遍历二维数组      b、得到的也是一个数组(国家对应关系)  c、拿到数组中的第一个值和传递过来的值进行比较   d、如果相同,获取第一个值后面的元素   e、得到city 

  f、创建option:createElement、createTextNode   g、进行添加 appendChild

4、由于每次往city里面添加option属于追加,所以要判断city里面是否有option,如果有就删除

  代码

   Html示例      

  结果显示为 

 

转载于:https://www.cnblogs.com/zengjiao/p/7190498.html

你可能感兴趣的文章
mysql命令
查看>>
第一章面向对象涉及原则
查看>>
SQL Server索引调优系列
查看>>
SQL 2000中的触发器使用
查看>>
CKEditor与CKFinder的配置(ASP.NET环境)
查看>>
linux运行级别
查看>>
High Availability PostgreSQL HOWTO
查看>>
C#继承机制
查看>>
Silverlight开发工具汇总
查看>>
简单设计实现基于Forms认证的注册登录等用户基础服务
查看>>
MySQL Query Cache 小结
查看>>
MusicXML 3.0 (6) - 符杠分组
查看>>
分享一个比lightbox配置更方便的jQuery web2.0图片显示插件:Topup
查看>>
Linux IPTables: Incoming and Outgoing Rule Examples (SSH and HTTP)
查看>>
C以二进制读、写、文本
查看>>
SYS_Oracle Erp打印机设定(案例)
查看>>
VBS基础篇 - 循环语句(3) - For...Next
查看>>
为你的程序换个皮肤(转载)
查看>>
SQL 学习笔记
查看>>
XML Publisher 并发程序由于"输出提交处理程序提交失败
查看>>