第五例:省市联动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

相关文章
|
9月前
|
JavaScript 算法 前端开发
vue + echarts实现国省市三级下钻联动
vue + echarts实现国省市三级下钻联动
391 0
|
6月前
|
Java
设计信息录入界面,完成人员基本信息的录入工作,其中籍贯中涉及的“省、市”能实现联动,即选择“省”时,“市”会根据选择的“省”做相应的变换。
该博客文章展示了如何设计一个包含联动下拉列表(省、市)的信息录入界面,使用Java Swing组件库实现人员基本信息的录入,并提供了完整的界面布局和事件处理代码。
设计信息录入界面,完成人员基本信息的录入工作,其中籍贯中涉及的“省、市”能实现联动,即选择“省”时,“市”会根据选择的“省”做相应的变换。
|
前端开发 JavaScript PHP
php开发实战分析(10):城市区县联动筛选
php开发实战分析(10):城市区县联动筛选
127 1
|
XML 前端开发 数据格式
第五例:省市联动2| 学习笔记
快速学习第五例:省市联动2
第五例:省市联动2| 学习笔记
|
XML 前端开发 数据格式
第五例:省市联动1|学习笔记
快速学习第五例:省市联动1
第五例:省市联动1|学习笔记
|
9月前
|
存储 NoSQL Java
深入学习Redis:从入门到实战
深入学习Redis:从入门到实战
|
XML 前端开发 数据格式
第五例:省市联动2|快速学习
快速学习第五例:省市联动2
137 0
第五例:省市联动2|快速学习
|
XML 前端开发 数据格式
第五例:省市联动1| 学习笔记
快速学习第五例:省市联动1
程序人生 - 通过运营商查询最近去过的城市(疫情防控神器)
程序人生 - 通过运营商查询最近去过的城市(疫情防控神器)
132 0
程序人生 - 通过运营商查询最近去过的城市(疫情防控神器)