第五例:省市联动2| 学习笔记

简介: 快速学习第五例:省市联动2

开发者学堂课程【Ajax入门:第五例:省市联动2】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/31/detail/674


第五例:省市联动2


省市联动的联系全过程支持各个浏览器

1、省市联动练习

图片52.png

图片53.png

图片54.png

图片55.png

图片56.png

图片57.png

启动服务器进行测试

图片58.png

在浏览器里面输入 localhost:8080/day23_1/ajax5.jsp

●然后给添加改变监听●使用选择的省份名称请求 CityServlet,得到元素(xml元素);●获取元素中所有的元素,遍历之,获取每个的文本容,即市名称●使用每个市名称创建元素添加到

图片59.png

获取市名称

需要把下拉列表中的值发送给服务器,得到所有名为city的元素

cityEleList=doc.getElementsByTagName(“city”);

图片60.png

图片61.png

运行city

图片62.png

            </div>
AI 代码解读
目录
打赏
0
0
0
0
176
分享
相关文章
vue + echarts实现国省市三级下钻联动
vue + echarts实现国省市三级下钻联动
401 0
|
1天前
直播预约 | 60分钟掌握:“数据”变“资产”
直播预约 | 60分钟掌握:“数据”变“资产”
直播预约 | 60分钟掌握:“数据”变“资产”
|
10月前
|
省市县三级联动的实现方案
省市县三级联动的实现方案
265 0
甘肃部署疫情联防联控,省长钉钉视频会议直达县一级
为了有效抗击疫情,尽量避免人员聚集,2月2日,甘肃省新型冠状病毒感染的肺炎疫情联防联控领导小组通过移动办公平台“陇政钉”召开视频会议。
甘肃部署疫情联防联控,省长钉钉视频会议直达县一级
袋鼠云数据中台专栏2.0 | 企业三界:业务界面,应用界面,数据界面
关于袋鼠云数据中台专栏V2.0 数据中台如何定义?企业数据化与数据中台的关系是什么?数据中台如何支撑企业战略转型? 袋鼠云近两年来,先后为国内数十家大型龙头企业提供数据中台咨询与实施落地服务,积累了大量的实战经验,同时也在为客户服务的过程中,不断完善和升华自身的数据中台理论体系和实践方法论。
2830 0
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等