使用jQuery省市区控件实现省市区三级联动菜单效果
  • 分享到微信朋友圈
    X
立即下载 查看演示

本文分享如何让使用jQuery插件实现省市区三级联动菜单效果.你可以使用input加载省市区控件，也可以使用其他元素比如div,span等等。

省市区联动效果在项目开发中会被经常用到，在这个控件里把城市数据数据单独放到一个 js 文件中，然后在页面引入即可

如何使用

您只需要下载必要的文件并将它们放在您的服务器上。然后你只需要将相关文件包含在文档的 head 中：

<script src="js/jquery-1.11.2.min.js" type="text/javascript"></script>
<script src="js/Popt.js" type="text/javascript"></script>
<script src="js/cityJson.js" type="text/javascript"></script>
<script src="js/citySet.js" type="text/javascript"></script>

如何调用

这里我使用了两种调用方式，一种是input输入框调用，另一种是其他元素的调用.

<script type="text/javascript">
    //加载省市区控件
    $("#city").click(function (e) {
        SelCity(this, e);
    }); 
</script>