我的位置:首页 > 热帖

平山是哪个省市镇 jQuery省市区镇四级联动插件citypicker.js

发布时间:2019-12-03 15:01:49 来源:怀化本土信息门户编辑:怀化本土信息门户

插件描述:jQuery省市区镇四级联动插件citypicker.js

使用方法

引入四个文件

jquery.js  (请把这个放首位引入)

city-picker.data.js  (全国省市区数据都在这个文件里面)

city-picker.js  (js实现功能逻辑)

city-picker.css  (省市区县选择器样式,这个也可以不用,可以自己写个更好看的) 

html页面

<div style="position: relative;">
<input readonly type="text" data-toggle="city-picker" style="width:50%;">
</div>
方法

用data-toggle="city-picker"属性初始化

基本

<div style="position:relative;">
<input readonly type="text" data-toggle="city-picker">
</div>

自定义占位符

<div style="position:relative;">
<input readonly type="text" data-toggle="city-picker" placeholder="customized placeholder...">
</div>

响应宽度

<div style="position:relative;">
<input readonly type="text" data-toggle="city-picker" data-responsive="true" style="width:50%;">
</div>

自定义省/市/区
<div style="position:relative;">
<input readonly type="text" data-toggle="city-picker" value="江苏省/常州市/溧阳市">
</div>

用$.fn.city-picker方法初始化

基本

$('#target').citypicker();

定制区域

$('#target').citypicker({
province: '江苏省',
city: '常州市',
district: '溧阳市'
});

相关推荐

  • 安卓手机内存都在往越来越大设计,4GB已经不算少见,最新发布的努比亚也是首次采用了8GB的超大内存。试想想看,iPhone 7Plu内存3GB,一般家里使用的电脑4GB内存也十分常见,安卓手机却已发展...
    2019-12-03
  • 大学毕业后,学生们都会涉及到档案归属的问题。那么,大学生的个人档案存放在哪里呢?下面小编整理了一些相关信息,供大家参考! 个人档案怎么处理 个人档案大部分时间是自己看不到的,都是...
    2019-12-03
  • 前几天,有用户问小编,是什么原因造成的,而0x0000000a代表什么意思?有该怎么去解决?其实主要是由问题的驱动程序、有缺陷或不兼容的硬件与软件造成的。从技术角度讲,表明在内核模式中存在...
    2019-12-03
  • 这是一篇关于APP常见手势操作方式的干货教程。同时也让大家详细了解什么是移动端常见的APP手势交互操作方式。 真正了解明白了这些APP手势交互操作对象,有助于让我们设计出更好的APP UI界面设...
    2019-12-04
  • 我们都知道,家养的宠物狗,如果去户外玩耍的话,很多时候,都会跑去草丛中打滚,所以身体中沾染上寄生虫的几率也是比较大的,如果狗狗身体中有寄生虫,又长期得不到处理,就很有可能会出现拉...
    2019-12-04
免责声明:本文仅代表原文作者个人观点,与怀化本土信息门户无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。