cx选择是基于 jQuery公司的多级联动菜单插件，适用于省市、商品分类等联动菜单。

Posted

tags:

中文标题：cx选择是基于 jQuery公司的多级联动菜单插件，适用于省市、商品分类等联动菜单。 原文标题：cxSelect 是基于 jQuery 的多级联动菜单插件，适用于省市、商品分类等联动菜单。 项目评级：Star:607      Fork:197 下载地址：https://github.com/ciaoca/cxSelect 详情介绍

cx选择

cx选择是基于 jQuery公司的多级联动菜单插件，适用于省市、商品分类等联动菜单。

列表数据通过 AJAX获取，也可以自定义，数据内容使用 JSON语言格式。

同时兼容 泽普托方便在移动端使用。

版本：

演示：http://ciaoca.github.io/cxSelect/

使用方法

载入 JavaScript语言文件

多姆结构

设置默认值

调用 cx选择

设置参数全局默认值

参数说明

<表格>

名称条

默认值条

说明条

选择

[]

下拉选框组。输入 选择的 类名称

网址

无效

整合数据接口地址（网址）

数据

无效

自定义数据，类型为数组，使用 JSON语言格式。

空样式

无效

子集无数据时 选择元素的显示状态。可设置为：“无”（显示：无）、“隐藏”（可见性：隐藏）

必需的

虚假的

是否为必选。设为 false 时，会在列表头部添加 <option value="firstValue">firstTitle</option> 选项。

第一个标题

'请选择'

选框第一个项目的标题（仅在 required 为 false 时有效）

第一个值

“”

选框第一个项目的值（仅在 required 为 false 时有效）

json空间

“”

数据命名空间

json名称

“n”

数据标题字段名称（用于 选项的标题）

jsonValue（json值）

“”

数据值字段名称（用于 选项的 价值没有值字段时使用标题作为 值）

jsonSub公司

'的'

子集数据字段名称

数据属性参数

父元素的 数据-属性

<表格>

名称条

说明条

数据选择

下拉选框组。输入 选择的 类名使用英文逗号分隔的字符串

数据url

列表数据接口地址

数据为空样式

子集无数据时 选择的显示状态

需要的数据

是否为必选

数据优先标题

选框第一个项目的标题

数据优先值

选框第一个项目的值

数据json空间

数据命名空间

数据json名称

数据标题字段名称

数据json值

数据值字段名称

数据json子

子集数据字段名称

选择元素的 数据-属性

<表格>

名称条

说明条

数据值

默认选中值

数据url

当前选框的数据接口，详见 演示

需要的数据

是否为必选

数据查询名称

传递上一个选框值的参数名称（默认使用上一个选框的 名称属性值）

数据优先标题

选框第一个项目的标题

数据优先值

选框第一个项目的值

数据json空间

数据命名空间

数据json名称

数据标题字段名称

数据json值

数据值字段名称

API接口

<表格>

名称条

说明条

附件（）

绑定。调用时会自动进行绑定，用于使用 拆卸解除绑定后，进行重新绑定。

分离（）

解除绑定。解除绑定后，不再具有联动效果。

清除（索引）

清空选项。清空第 指数个 选择自身及之后的 选择的选项。index：选择的序号，从 0开始

设置选项（设置）

重新设置参数。settings: 与调用时参数一致

自定义数据

可以使用任何类型的数据作为值，但最终都会被转化为文本。

各选项数据接口独立

可以为每个select设置一个接口，根据接口返回的数据结构，设置json-space、json-name、json-value适应 JSON语言结构。

当页面加载时，第一个选框已有选项数据，可以不设置第一个选框的接口。

独立接口示例

数据来源

cityData.json

国内城市数据来源：2019年中华人民共和国行政区划代码（截止2019年12月31日）

cityData-simple.json

国内城市简称版本

不包含：

globalData.json

全球主要城市数据来源：整理国内常用网站和软件 日期：2014.07.29

jQuery制作简洁的多级联动Select下拉框

JQUERY制作简洁的多级联动SELECT下拉框

Excel 如何实现五级下拉菜单联动

AngularJs 如何实现多级联动且最后一级下拉可以选择多个选项。请附上正确例子

使用jquery.cityselect插件选择省，市，区联动

微信小程序之多级联动菜单