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

2291
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()