首页 / JAVASCRIPT / js实现省市区三级联动插件分享

js实现省市区三级联动插件分享

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了js实现省市区三级联动插件分享，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含985字，纯文字阅读大概需要2分钟。

内容图文

本文主要和大家分享js实现省市区三级联动插件，希望本文能帮助大家更好的掌握省市区三级联动插件的实现方法。
// 页面上先引入css与js文件
<p id="wrap"></p>

页面中的容器标签不限制，只需给个id就行

var address = new Address({
    wrapId: 'wrap',
    showArr: ['provinces','citys','areas'],
    beforeCreat:function(){
        console.log("beforeCreat")
    },
    afterCreat:function(){
        console.log('afterCreat');
    }
})

  • wrapId:"wrap" // 此处的wrap就是上面容器的id

  • showArr: ['provinces','citys','areas'] // 此处分别代表省、市、区容器的id

    举个例子：如果传递的数组['provinces','citys','areas']长度为3，那么将会出现省市区，数组中三个字符串分别是省、市、区容器的id

    js实现省市区三级联动插件分享 - 文章图片

    如传递的数组['provinces','citys']长度为2，那么将会出现省市，数组中的两个字符串分别是省、市容器的id

    js实现省市区三级联动插件分享 - 文章图片

    如数组长度为1的时候就不说了

  • beforeCreat 插件开始创建前执行的回调函数

  • afterCreat 插件创建完成后执行的回调函数

    js实现省市区三级联动插件分享 - 文章图片

预览

js实现省市区三级联动插件分享 - 文章图片

相关推荐：

微信小程序关于三级联动选择器如何使用

jQuery三级联动效果实现方法

jQuery使用EasyUi实现三级联动下拉框效果实例分享

以上就是js实现省市区三级联动插件分享的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的js实现省市区三级联动插件分享全部内容，希望文章能够帮你解决js实现省市区三级联动插件分享所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/295055.html

来源：【匿名】