JS实现省市地区三级联动

辰小狼睡不醒

于 2017-10-14 17:26:15 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏：每日一水文章标签： js三级联动

本文链接：https://blog.csdn.net/chenfengbao/article/details/78235616

每日一水专栏收录该内容

67 篇文章

订阅专栏

页面实现效果：
显示效果

目录结构：

省市地区实现三级联动，是经常要用到。从目录结果上可以看出，有一个Html 界面和两个js
现在给出源码：
页面显示

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">

<style type="text/css">
html,body{height:auto;}
#province select{margin-left:10px; width:100px}
</style>
</head>
<body>
<div id="province"></div>
<script type="text/javascript" src="http://lib.h-ui.net/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.provincesCity.js"></script>
<script type="text/javascript" src="provincesData.js"></script>
<script type="text/javascript">
/*调用插件*/
$(function(){
    $("#province").ProvinceCity();
});
</script>
</body>
</html>