省市区三级联动插件,数据取自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)//获取选中的省份索引,可传省、市、区对象
评论