前端三级联动 distpicker插件

引入jq CDN

<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"</script>

引入distpicker线上CDN

  <script src="https://cdn.bootcdn.net/ajax/libs/distpicker/2.0.7/distpicker.js"></script><script src="https://cdn.bootcdn.net/ajax/libs/distpicker/2.0.7/distpicker.min.js"></script>

HTML代码

<div data-toggle="distpicker">//可以直接把你选择的value直接form表单传入后台<select name="fang_dart" data-province="---- 选择省 ----"></select><select name="fang_city" data-city="---- 选择市 ----"></select><select name="fang_area" data-district="---- 选择区 ----"></select>
</div>

script代码

<script type="text/javascript">$('#target').distpicker({});
</script>

效果图

前端三级联动 distpicker插件相关推荐

h5仿android 京东三级联动,jquery仿京东商城三级联动代码插件
2019-3-1更新:location.js文件里第三级县之前使用京东旧域名d.360buy.com的jsonp数据,域名做了跳转首页所以第三加载不出来.现在已经更新为d.jd.com,正常加载.不过 ...
vue中实现省市区三级联动(V-Distpicker插件)
本次项目中使用了V-Distpicker 插件实现了省市区三级联动 V-Distpicker 项目文档地址 V-Distpicker git地址使用方法 npm install v-distpick ...
JS+JQuery实现前端省、市、区三级联动（插件）
大家在做web开发的时候,肯定会在前端代码里面遇到选择省市区(县)的功能,比如创建用户.编辑用户时,用户选择所在地等.好了多余的话不多说了,我们进入正题吧! 首先,在前端页面里面编写HTML代码: & ...
省市区地址三级联动jQuery插件Distpicker使用
插件下载地址 http://www.jq22.com/jquery-info8054 效果如下: 使用: 1.引入js <script src="http://www.jq22.com ...
v-distpicker 一个好用的三级联动的插件
// 引入插件npm install v-distpicker --saveimport VDistpicker from 'v-distpicker'Vue.component('v-distpic ...
jquery省市区ajax,jQuery省市区三级联动
jQuery省市区三级联动演示下载,本文将给大家介绍一款非常好用的省市区三级联动插件:cityselect.通过这款城市联动插件,省市区三级联动cityselect插件可以无刷新省市区联动效果. 查看 ...
uni-app三级联动笔记
uniapp官方组件picker uniapp使用三级联动picker,官方文档省市区选择器不适用5+app.h5和支付宝小程序,必须适用插件(日期.时间.三级联动picker)(mpvue-pick ...
jQueryDay04:distpicker省市县三级联动， Layer插件，Laydate插件
目录 0x00 distpicker省市县三级联动如何设置默认值: 如何获取提交的数据: 后台数据回显: 0x01 Layer插件 0x02 Laydate插件 0x00 distpicker省市县 ...
Vue使用distpicker插件实现省市级下拉框三级联动
前言这几天做项目,想着用一个全国省市区插件,之前就知道有几种,比如通过JSON文件生成对应的区域下拉框,element-china-are插件,包括distpicker插件今天主要介绍的是如何使用 ...
jQuery省市区三级联动插件
体验效果:http://hovertree.com/texiao/bootstrap/4/ 支持PC和手机移动端. 手机扫描二维码体验效果: 代码如下: <!DOCTYPE html> & ...

前端三级联动 distpicker插件

前端三级联动 distpicker插件相关推荐

最新文章

热门文章