CiSelect 正在参加 2021 年度 OSC 中国开源项目评选,请投票支持!
CiSelect 在 2021 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
2021 年度 OSC 中国开源项目评选 正在火热进行中,快来投票支持你喜欢的开源项目!
2021 年度 OSC 中国开源项目评选 >>> 中场回顾
CiSelect 获得 2021 年度 OSC 中国开源项目评选「最佳人气项目」 !
授权协议 MIT
开发语言 JavaScript
操作系统 跨平台
软件类型 开源软件
所属分类 插件和扩展
开源组织
地区 国产
投 递 者 CiChui
适用人群 未知
收录时间 2017-07-10

软件简介

省市区三级联动插件,数据取自http://www.oschina.net/code/snippet_149862_53831

演示地址:http://fawei.oschina.io/ciselect/

先下载源码,在项目中引用CiSelect.js插件,本插件不依赖于任何第三方库!

以下为示例代码

1.在页面中定义省市区下拉控件

<body>
	<select id="province"></select><select id="city"></select><select id="area"></select>
</body>

请务必设置id或name属性

2.script中初始化插件

new CiSelect("province","city","area");

注:如果你还是习惯把代码写在

中,那么请务必在onload之后初始化插件

window.onload = function () {

  new CiSelect("province","city","area");

}

3.插件方法属性简介

var obj = newCiSelect("province","city","area");

属性:
obj.DomProvince //省份DOM对象
obj.DomCity //城市DOM对象
obj.DomArea//区县DOM对象



方法:
obj.getCode();//默认获取省市区的编码,不传参默认为所选区县的完整编码
obj.getCode(obj.DomProvince)//获取省份编码,可穿省、市、区DOM对象
obj.getCode(obj.DomProvince,true)//获取省份简码,第一个参数为要获取编码的省、市、区DOM对象,第二个参数为是否获取简码

obj.getText();//默认获取完整省市区名称
obj.getText(obj.DomProvince)//获取省份名称,可传省、市、区对象

obj.getIndex(obj.DomProvince)//获取选中的省份索引,可传省、市、区对象

下载地址 

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论

点击加入讨论🔥(1)
暂无内容
发表了博客
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
发表了问答
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
暂无内容
1 评论
7 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部