JQuery带字母分类城市选择器插件代码

  • 1484
  • 0
  • 0


名称
类型
默认
描述
dataJson[Array]默认空城市数据源
convert[Boolean]true(转换)转换数据,引入的数据源是citydata.js就需要转换;引入的是newcitydata.js就不需要
shorthand[Boolean]false(全称)名称的全称、简称
multiSelect[Boolean]false(单选)多选、单选
search[Boolean]true(搜索)开启搜索
multiMaximum[Number]5(最多可选5个城市)最多可选的城市个数(多选)
multiType[Number]0(多行)值允许1或者0;只用于多选,选中的值显示是一行还是多行
placeholder[String]'请选择城市'默认的提示语
searchPlaceholder[String]'输入关键词搜索'搜索文本框默认的提示语
hotCity[Array][](取前面18条数据)热门城市显示数据,传就生成热门城市,没有就插件生成
onInit[function]function () {}插件初始化后的回调
onForbid[function]function () {}插件禁止后再点击的回调
onTabsAfter[function]function (target) {}点击tabs切换显示城市后的回调
onTabsForbid[function]function (target) {}tabs禁止后再点击的回调
onCallerAfter[function]function (target, values) {}选择城市后的回调

Methods设置城市默认
setCityVal(val)
传入的参数是用字符串的形式:'北京市, 天津市, 上海市, 广州市, 长沙市, 唐山市'
注意: 如果设置的城市超过multiMaximum设置的限制的个数,多出的是不会生效

获取城市的值
getCityVal()
可以拿到选中的城市的值
注意: 只有在有选择城市的情况下,才能拿到城市的值或者是设置默认值后

更新城市数据
update(data)
栗子:singleSelect.update([{ "id": "110100", "name": "北京市", "parentId": "110000", "shortName": "北京", "letter": "B", "cityCode": "010", "pinyin": "Beijing" }, { "id": "120100", "name": "天津市", "parentId": "120000", "shortName": "天津", "letter": "T", "cityCode": "022", "pinyin": "Tianjin" }]);

城市状态
status(status)
参数是readonly或disabled

清空所有选中的值
clear()

绑定事件
bindEvent()

销毁事件
unBindEvent()


JQuery带字母分类城市选择器插件代码
  • qqSj7P 刚刚下载了一个素材
  • 扁担儿 刚刚下载了一个素材
  • 乔sir 刚刚下载了一个素材
  • 腻汁 刚刚下载了一个素材
  • 小执念。。 刚刚下载了一个素材
  • 翊燊科技咨询客 刚刚下载了一个素材
  • 淳淳同学 刚刚下载了一个素材
  • zhouslive 刚刚下载了一个素材
  • qq诗和远方Enn 刚刚下载了一个素材
  • 念际天涯 刚刚下载了一个素材
  • T180 刚刚下载了一个素材
  • 生如夏花 刚刚下载了一个素材
  • 市区 刚刚下载了一个素材
  • 火美人 刚刚下载了一个素材
  • 方人也 刚刚下载了一个素材
分享者:
分享者头像
小编
热门素材推荐
HTML素材网,HTML5模板,网页特效 微信公众账号二维码 淘宝店铺地址二维码
Copyright©2024  素材8  Powered by 智伙伴科技
   鲁ICP备14029286号-5 鲁公网安备37060202001967号
返回顶部返回顶部
发布主题