当前位置: 首页 > 软件库 > 插件和扩展 > >

CiSelect

省市区三级联动插件
授权协议 MIT
开发语言 JavaScript
所属分类 插件和扩展
软件类型 开源软件
地区 国产
投 递 者 万楷
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

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

下载地址 

 相关资料
  • 本文向大家介绍Android实现省市区三级联动,包括了Android实现省市区三级联动的使用技巧和注意事项,需要的朋友参考一下 针对AdapterView的拓展使用,Spinner实现省市区的三级联动,具体内容如下 其主要是通过使用Spinner的setOnItemSelectListener来实现。 代码示例: activity_main.xml MainActivity.java 运行结果:

  • 本文向大家介绍jquery实现的省市区三级联动,包括了jquery实现的省市区三级联动的使用技巧和注意事项,需要的朋友参考一下 省市级联动,附使用示例和数据表数据 有部分数据精确到乡镇一级!!! Git 地址:http://git.oschina.net/upliu/province-city-district 演示代码: 以上所述就是本文给大家分享的全部内容了,希望大家能够喜欢。

  • 本文向大家介绍省市区三级联动jquery实现代码,包括了省市区三级联动jquery实现代码的使用技巧和注意事项,需要的朋友参考一下 最近项目需要用到关于省市区三级联动下拉选择的功能,于是乎网上搜了一些做法,觉得有一些只是给出了小的案例,却很难找到详细的省、市、区的具体数据(其实,用baidu搜索就是这样啦),果断用google,搜出来的博文质量相当高,特此记录记录!!! 对于这个效果,其实我发现主

  • 本文向大家介绍javascript实现省市区三级联动下拉框菜单,包括了javascript实现省市区三级联动下拉框菜单的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了javascript实现省市区三级联动下拉框菜单代码。分享给大家供大家参考,具体如下 运行效果截图如下: 首先写一个静态的页面: 调用的geo.js源码:

  • 本文向大家介绍详解Vue、element-ui、axios实现省市区三级联动,包括了详解Vue、element-ui、axios实现省市区三级联动的使用技巧和注意事项,需要的朋友参考一下 现在大部分电商的网站、app都需要用户或者管理者去选择设置地区等位置信息。下面我就介绍一下前端开发者用vue,axios,element-ui开发一个省市区三级联动的组件。 1.准备工作,首先我们需要全中国的省市

  • 本文向大家介绍JS实现省市县三级下拉联动,包括了JS实现省市县三级下拉联动的使用技巧和注意事项,需要的朋友参考一下 纯JS实现省市县三级下拉联动,供大家参考,具体内容如下 代码如下: 效果如下 如果大家还想深入学习,可以点击jquery下拉框效果汇总、JavaScript下拉框效果汇总进行学习。 以上就是javascript实现省市区三级联动下拉框菜单的全部代码,希望对大家的学习有所帮助。

  • 本文向大家介绍jQuery select表单提交省市区城市三级联动核心代码,包括了jQuery select表单提交省市区城市三级联动核心代码的使用技巧和注意事项,需要的朋友参考一下 jQuery select表单提交省市区城市三级联动,引用的是“jquery-1.7.min”类库,地区码查询地区名用数组存在AreaData_min,下面摘要部分代码: SelectArea.htm文件 程序下载地

  • 本文向大家介绍原生js实现省市区三级联动代码分享,包括了原生js实现省市区三级联动代码分享的使用技巧和注意事项,需要的朋友参考一下 前言 插件功能只满足我司业务需求,如果希望有更多功能的,可在下方留言,我尽量扩展!如果你有需要或者喜欢的话,可以给我github来个star 准备 页面中的容器标签不限制,只需给个id就行 举个例子:如果传递的数组['provinces','citys','areas