js实现省市联动

来源：互联网发布：python lambda用法编辑：程序博客网时间：2024/04/27 23:27

效果图如下：

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

<!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" onmouseover="this.style.opacity=1" onmouseout="this.style.opacity=0.5" style="position: absolute; left: 1px; top: 0pt; opacity: 0.5; cursor: pointer;"></div></body></html>