浏览 2208 次
|
锁定老帖子 主题：jQuery中国省市区地址三级联动插件
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
|---|---|
| 作者 | 正文 |
|
发表时间：2017-06-22
第一次使用Distpicker.js，过程中也遇到许多问题，在解决完之后，拿出来分享给大家，希望可以帮助到朋友
第一步：如果如何使用，在项目中引入Distpicker.js <pre name="code" class="jsp"> &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt; &lt;title&gt;JSP Page&lt;/title&gt; &lt;!-- 先引入jquery ,文件路径参考自己的项目--&gt; &lt;script type="text/javascript" src="/js/jquery.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="/js/distpicker.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div data-toggle="distpicker" id="distpicker" &gt; &lt;select province="省" name='province' &gt;&lt;/select&gt; &lt;select city="市 " name="city" &gt;&lt;/select&gt; &lt;select district="区" name="district"&gt;&lt;/select&gt; &lt;/div&gt; &lt;/body&gt; &lt;script&gt; $(function(){ //调用distpicker.js $("#distpicker").distpicker(); //如何获取省市区text 和code $('select[name=province] option:selected').attr("data-text"); $('select[name=province] option:selected').attr("data-code"); $('select[name=city] option:selected').attr("data-text"); $('select[name=city] option:selected').attr("data-code"); $('select[name=district] option:selected').attr("data-text"); $('select[name=district] option:selected').attr("data-code"); //重复时加载必须先销毁 $('#distpicker').distpicker('destroy'); $('#distpicker').distpicker({ province: '广东省', //省 city: '深圳市', //市 district: '罗湖区' //区 }); }); &lt;/script&gt; &lt;/html&gt; </pre> 声明：ITeye文章版权属于作者，受法律保护。没有作者书面许可不得转载。
推荐链接
|
| 返回顶楼 | |
