第五例:省市联动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>
相关文章
|
6月前
|
SQL 存储 前端开发
省市县三级联动的实现方案
省市县三级联动的实现方案
193 0
|
前端开发 JavaScript PHP
php开发实战分析(10):城市区县联动筛选
php开发实战分析(10):城市区县联动筛选
109 1
|
小程序 JavaScript 定位技术
微信小程序实现一键查询全国快递物流地图轨迹
通过本教程,用户可以输入快递单号,点击查询按钮,然后跳转到显示页面,在该页面上展示物流轨迹的地图信息。这个功能可以方便用户了解快递的实时位置和运输轨迹,提升用户体验和便利性。你可以根据实际需求进行扩展和优化,使其更适合你的小程序应用。
370 0
|
XML 前端开发 数据格式
第五例:省市联动1|学习笔记
快速学习第五例:省市联动1
第五例:省市联动1|学习笔记
|
XML 前端开发 数据格式
第五例:省市联动2|快速学习
快速学习第五例:省市联动2
118 0
第五例:省市联动2|快速学习
|
XML 前端开发 数据格式
第五例:省市联动1| 学习笔记
快速学习第五例:省市联动1
|
XML 数据格式 开发者
第五例:省市联动2| 学习笔记
快速学习第五例:省市联动2。
132 0
第五例:省市联动2| 学习笔记
|
搜索推荐 BI 开发工具
【氚云】宇声传媒:利用氚云,让外勤巡检管理自由自在
宇声传媒:利用氚云,让外勤巡检管理自由自在
319 0
【氚云】宇声传媒:利用氚云,让外勤巡检管理自由自在
|
JSON JavaScript 数据可视化
DataV带你回顾春节前后全国空气质量变化
春节假期结束了,大家在与家人亲戚欢聚的同时,不知道有没有留意春节期间的空气质量呢?没留意也没关系,下面就由DataV君带大家一起回顾下春节期间的空气质量变化吧。
51570 2
甘肃部署疫情联防联控,省长钉钉视频会议直达县一级
为了有效抗击疫情,尽量避免人员聚集,2月2日,甘肃省新型冠状病毒感染的肺炎疫情联防联控领导小组通过移动办公平台“陇政钉”召开视频会议。
甘肃部署疫情联防联控,省长钉钉视频会议直达县一级