CiSelect省市区三级联动插件【使用教程】

CiSelect省市区三级联动插件【使用教程】

  前两天心血来潮就想做一个省市区三级联动的插件,之前也在网上找过类似插件 但是都觉得不是我想要的!

我的需求是要能支持 单独省份选择,省市联动,省市区联动,并且支持默认值设置,能取到省市区的地区编码,能取到选择的省市区文本!

  经过两天的完善终于迎来了第一个版本

  码云地址:http://git.oschina.net/fawei/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");

:如果你还是习惯把代码写在<head>中,那么请务必在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(temp.DomProvince)//获取省份编码,可穿省、市、区DOM对象

obj.getCode(temp.DomProvince,true)//获取省份简码,第一个参数为要获取编码的省、市、区DOM对象,第二个参数为是否获取简码


obj.getText();//默认获取完整省市区名称

obj.getText(temp.DomProvince)//获取省份名称,可传省、市、区对象


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

下载地址 



回复列表



回复操作

正在加载验证码......

请先拖动验证码到相应位置

发布时间:2017-07-13 15:56:51

修改时间:2017-07-13 16:09:44

查看次数:261

评论次数:0

TA的文章总数

44