js实现省市联动

最新推荐文章于 2024-05-22 09:19:22 发布

纳兰小羽

最新推荐文章于 2024-05-22 09:19:22 发布

阅读量2w

点赞数 5

分类专栏： JavaScript学习手册文章标签： function xhtml action html 金山

本文链接：https://blog.csdn.net/shanshan209/article/details/6371028

版权

JavaScript学习手册专栏收录该内容

16 篇文章 0 订阅

订阅专栏

效果图如下：

思路很简单，就是先加载省信息，然后当省改变的时候加载市县信息。烦的是数据的录入，代码如下

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>JS省份三级联动</title> </head> <body> <form action="" method="get"> <select name="province" id="province"> <option value="省份" selected="selected">省份</option> </select> <select name="city" id="city"> <option value="城市" selected="selected">市县</option> </select> </form> <mce:script type="text/javascript"></mce:script> <div style="position: absolute; display: none; z-index: 9999;" mce_style="position: absolute; display: none; z-index: 9999;" id="livemargins_control"><img src="shenfen_files/monitor-background-horizontal.png" mce_src="shenfen_files/monitor-background-horizontal.png" style="position: absolute; left: -77px; top: -5px;" width="77" height="5"> <img src="shenfen_files/monitor-background-vertical.png" mce_src="shenfen_files/monitor-background-vertical.png" style="position: absolute; left: 0pt; top: -5px;"> <img id="monitor-play-button" src="shenfen_files/monitor-play-button.png" mce_src="shenfen_files/monitor-play-button.png" οnmοuseοver="this.style.opacity=1" οnmοuseοut="this.style.opacity=0.5" style="position: absolute; left: 1px; top: 0pt; opacity: 0.5; cursor: pointer;"></div></body></html>

纳兰小羽

关注

5
点赞
踩
15

收藏

觉得还不错? 一键收藏
11
评论
js实现省市联动

<br />效果图如下：<br /><br />思路很简单，就是先加载省信息，然后当省改变的时候加载市县信息。烦的是数据的录入，代码如下<br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta ht
复制链接

扫一扫