使用jQuery中国省市区地址三级联动插件Distpicker方法
2018-08-08 10:11
134 查看
根据项目样式需求更改插件的样式:
[code] <div data-toggle="distpicker"> <div class="form-group select"> <select class="form-control" id="province1" data-province="选择省"></select> </div> <div class="form-group select"> <select class="form-control" id="city1" data-city="选择市"></select> </div> </div>
引入js:
[code]<script src="js/distpicker.data.js"></script> <script src="js/distpicker.js"></script> <script src="js/main.js"></script>
JQ得到选中的城市:
[code] var Province = $('#province1 option:selected').text();//省份 var City = $('#city1 option:selected').text();//城市
JQ回填选中城市数据:
[code] <script> $(function () { var $province = $("#province1"); $province.val(“河北”); $province.trigger("change"); var $province = $("#city1"); $province.val(“石家庄”); $province.trigger("change"); }) </script>
插件Demo样式展示:
http://www.jq22.com/yanshi8054
插件下载地址
阅读更多相关文章推荐
- 中国省市区地址三级联动jQuery插件 Distpicker
- 中国省市区地址三级联动jQuery插件 案例下载
- 省市区地址三级联动jQuery插件Distpicker使用
- 中国省市区地址三级联动jQuery插件
- vue 中国省市区地址三级联动插件 V - Distpicker
- jQuery解析xml文件,使用get方法实现省市县三级联动下拉框
- select 无限级联动。省市县三级联动。jquery插件
- jquery读取xml文件实现省市县三级联动的方法
- AJAX三级联动省市选择,使用jquery+html+XML
- select三级联动结合jquery的chosen.jquery.js 插件一起使用原创案例
- jquery.cookie插件官方下载地址与使用方法
- 省市二级联动--使用app-jquery-cityselect.js插件
- jquery插件省市三级联动
- 如何用ajax调用省市三级联动插件--Distpicker
- jquery实现省市县三级联动的jQuery插件
- Vue如何使用vue-area-linkage实现地址三级联动效果 很多时候我们需要使用地址三级联动,即省市区三级联动。网上有很多插件,在此介绍Vue的一款地区联动插件:vue-ar
- jquery省市县三级地址联动
- AJAX三级联动省市选择,使用jquery+html+XML
- 省市区三级联动插件的使用
- jquery提示插件autocomplete使用方法和官方下载地址