第五例:省市联动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>
相关文章
markdown字体大小颜色样式详解
markdown字体大小颜色样式详解
645 1
|
API 开发者 Python
Django和Flask框架的主要区别是什么?
Django全栈强大,适合大型项目,提供一站式解决方案,快速开发但定制性稍弱;Flask轻量灵活,为微框架,适合小项目及高度定制,通过扩展增功能。选择取决于项目需求和开发者偏好。
491 0
|
小程序 IDE API
如何提升小程序开发质量?
如何提升小程序开发质量?
105 0
|
存储 JavaScript API
在Vue中,如何实现状态的共享?
在Vue中,如何实现状态的共享?
342 41
|
XML 设计模式 JavaScript
JVM第三讲:JVM 基础-字节码的增强技术详解
JVM第三讲:JVM 基础-字节码的增强技术详解
360 0
JVM第三讲:JVM 基础-字节码的增强技术详解
|
缓存 前端开发 Java
【Spring底层原理高级进阶】轻松掌握 Spring MVC 的拦截器机制:深入理解 HandlerInterceptor 接口和其实现类的用法
【Spring底层原理高级进阶】轻松掌握 Spring MVC 的拦截器机制:深入理解 HandlerInterceptor 接口和其实现类的用法
element-plus table表格cell-style的使用
element-plus table表格cell-style的使用
905 1
|
SQL 供应链 关系型数据库
数据库sql超市
当涉及到使用SQL来管理超市数据库时,通常需要考虑多个方面,包括商品管理、订单处理、销售分析、库存管理等。以下是一个简单的超市数据库SQL示例,以及一些常见的查询操作。 **1. 数据库表设计*
223 17
|
关系型数据库 MySQL
安装percona-xtrabackup-24报错: file /etc/my.cnf from install of ..解决
安装percona-xtrabackup-24报错: file /etc/my.cnf from install of ..解决
358 0
|
关系型数据库 MySQL Shell
快速上手Linux核心命令(十一):Linux用户相关命令
快速上手Linux核心命令(十一):Linux用户相关命令
41365 10
快速上手Linux核心命令(十一):Linux用户相关命令