Options

Change the default options with $().citypicker(options).

Change the global default options with $.fn.citypicker.setDefaults(options).

simple

Type: Boolean

Default: false

Make the address level more simple, e.g. 内蒙古 instead of 内蒙古自治区.

level

Type: String

Default: district

Only province, province + city, or province + city + district.

responsive

Type: Boolean

Default: false

make the drop down and mask span responsive on width.

placeholder

Type: Boolean

Default: 请输入省/市/区

Show placeholder (with an element).

province

Type: String

Default: null

Defines the initial value of province. If it is a existing province in city-picker.data.js, it will be selected. If not, it will be used as a placeholder.

city

Type: String

Default: null

Defines the initial value of city. If it is a existing city under the

selected province, it will be selected. If not, it will be used as a

placeholder.

district

Type: String

Default: null

Defines the initial value of district. If it is a existing district

under the selected city, it will be selected. If not, it will be used as

a placeholder.

Methods

reset()

Reset the selects to the initial states (Undo changed).

Examples:

$().citypicker('reset');

destroy()

Destroy the city-picker instance, but keep the selected districts.

If you want to remove the selected districts, you can call reset method first and then call this method.

No conflict

If you have to use other plugin with the same namespace, just call the $.fn.city-picker.noConflict method to revert to it.

Browser support

Chrome (latest 2)

Firefox (latest 2)

Internet Explorer 8+

Opera (latest 2)

Safari (latest 2)

html省市联动插件,jquery实现的交互体验更友好省市区三级联动插件相关推荐

  1. 省市区三级联动html

    该省市区三级联动是用xml存储,解析xml形成省市区三级联动 provice.html,加载资源文件source.xml <!DOCTYPE html> <html> < ...

  2. jQuery省市区三级联动插件

    体验效果:http://hovertree.com/texiao/bootstrap/4/ 支持PC和手机移动端. 手机扫描二维码体验效果: 代码如下: <!DOCTYPE html> & ...

  3. html5手机移动端三级联动城市选择器,jquery移动端省市县(区)三级联动插件

    最近刚做完一个版本的项目,闲暇时间,就索性把项目中需要用到的插件都自己写了一个,毕竟自己动手丰衣足食才是最重要,自己写的,可以应对各种项目需求,今天又把手机端的省市区三级联动选择功能编写了一个插件出来 ...

  4. jquery省市区三级联动插件,无ajax

    是否觉得使用ajax+数据库来搞省市区三级联动很麻烦?不妨试试纯js实现吧.今天无意间在网上找到个省市区的jason数据,js写的,索性自己写了一个新的,以jquery插件形式实现,代码比网上找的小了 ...

  5. jquery省市区ajax,jQuery省市区三级联动

    jQuery省市区三级联动演示下载,本文将给大家介绍一款非常好用的省市区三级联动插件:cityselect.通过这款城市联动插件,省市区三级联动cityselect插件可以无刷新省市区联动效果. 查看 ...

  6. vue中实现省市区三级联动(V-Distpicker插件)

    本次项目中使用了V-Distpicker 插件实现了省市区三级联动 V-Distpicker 项目文档地址 V-Distpicker git地址 使用方法 npm install v-distpick ...

  7. jQuery下的ajax之省市区三级联动

    jQuery下的ajax之省市区三级联动 小编提醒一下别忘了引入jQuery文件哟 HTML 所在省份:<select name="province"><opti ...

  8. 一款超好的省市区三级联动插件citypicher的使用(数据分从数据库获取或从js文件获取)

    有兴趣的小伙伴,可以继续阅读小编下一篇博客 微服务概述添加链接描述 一篇对SpringCloud的介绍添加链接描述 SpringCloud核心组件详述添加链接描述 一篇对MySQL语句执行顺序的介绍添 ...

  9. jquery实现省市区三级联动

    jquery实现省市区三级联动 最近项目需要用到关于省市区三级联动下拉选择的功能,于是乎网上搜了一些做法,觉得有一些只是给出了小的案例,却很难找到详细的省.市.区的具体数据(其实,用baidu搜索就是 ...

最新文章

  1. Keras,亡于谷歌?
  2. bat批处理-上传jar包至私服
  3. ACM-线段树扫描线总结
  4. 成功解决UnicodeDecodeError: 'utf-8' codec can't decode byte 0x9a in position 0: invalid start byte
  5. 2017最新顺口溜出炉(超级经典)!
  6. chrome 使用gpu 加速_一招解决 Chrome / Edge 卡顿缓慢 让浏览器重回流畅顺滑
  7. idea打包meven镜像_Intelij IDEA中修改maven为国内镜像
  8. dokcer mysql修改编码_默认支持utf8编码的mysql docker镜像
  9. 苹果手机与安坐手机input输入框ios 会有灰色背景解决方法
  10. java装饰模式理解_Java设计模式之装饰模式趣谈
  11. js对于radio的处理
  12. c语言炒股软件公式,股票软件怎么使用指标选股公式
  13. 计算机版本低怎么升级,电脑ie浏览器版本过低怎么升级(浏览器版本过低升级步骤)...
  14. 基于ssm 流浪猫狗救助系统
  15. 7-6 分支结构——大小写字母判断 (15 分)
  16. 有关信息安全的三个案例
  17. java哪个软件编程好学吗_java是什么软件好学吗(java编程用哪个软件)
  18. 实时操作系统和分时操作系统
  19. 前端优化——前端面试
  20. zoj 3964 - Yet Another Game of Stones

热门文章

  1. h5在线浏览word_怎样将PDF在线转换成Word?教你成为一个高手的方法
  2. R语言使用ggplot2包的快速可视化函数qplot绘制散点图实战
  3. python使用matplotlib可视化、查看matplotlib可视化中不同字体形式、不同字号、斜体可视化的效果对比
  4. R语言使用ggplot2包使用geom_density()函数绘制分组密度图(自定义调色板、brewer、灰度比例)实战(density plot)
  5. R语言构建logistic回归模型:WVPlots包PRTPlot函数可视化获取logistic回归模型的最优阈值、优化(precision、enrichment)和recall之间的折衷
  6. R语言将多个dataframe数据添加在列表(list)结构中并进行列表dataframe的索引:包含dataframe的列表、包含dataframe的列表的索引
  7. Python使用sklearn构建广义线性模型:泊松回归(Poisson regression)实战
  8. R语言dplyr包near函数查看向量对应元素是否相同或者相近实战
  9. php$SQL时间函数,PHP模拟SQL Server的两个日期处理函数-PHP教程,PHP应用
  10. Pacbio HiFi技术原理与应用软件实例