城市三级联动查询
很多实现三级联动查询的方式是通过数据库的方式查询的，但是有时候我们查询的不一定是城市三级联动，有可能是其他的三级联动查询，那么数据库的修改就成了大问题。今天我来给大家介绍一种无刷新的js实现三级联动查询方法，例子就是城市的三级联动。我们先看一下主页html代码：
<html>
<head>
<title></title>
<script type="text/javascript" src="jquery-2.0.0.min.js"></script>
<script type="text/javascript" src="area.js"></script>
<script>
window.onload=function(){
showLocation();
}
</script>
</head>
<body>
<form>
<select id="loc_province"><option>省份</option></select>
<select id="loc_city"> <option>城市</option></select>
<select id="loc_town"><option>县市</option></select>
</form>
</body>
</html>在这里需要引入area.js文件，由于在文件中获取的select标签的id为上述三个id，所以在html代码中不要修改这三个id，否则代码无法正常运行。那么当我们需要的三级联动不是城市的时候该怎么办呢，我们所需要修改的就只是js文件里的地名了，可能会有些繁琐，但是理解起来比较容易。
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2015-04-12，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读