点击查看API说明
1、json数据模式(json数据源) 使用url属性获取数据:
此示需后台支持,实现方式见本页面注释的代码。


使用url属性+参数获取数据:
此示需后台支持,实现方式见本页面注释的代码。


赋值给标签的data属性:

注意:使用json格式的字符串时所有节点的属性名与值都必须使用双引号

动态设置data(本地数据源)


动态设置data(远程数据源)
此示需后台支持,实现方式见本页面注释的代码。
2、本地模式
3、禁用/启用
4、change事件 使用bind方法绑定change事件


也可以使用标签自带的onchange
5、使用optgroup进行分组(仅本地模式可以)
6、宽度、高度与方向 下拉框默认为120px宽度,当有较长的选项时,下拉框宽度默认不变,而选项容器宽度自适应


单独设置下拉框宽度,选项容器宽度默认不会小于下拉框宽度


自定义容器高度:


强制向上展开:
7、可编辑
8、自定义列数

9、联动
此示例需后台支持,实现方式见本页面注释的代码。
10、设置初始时选中值 json数据模式:
使用selectedValue(推荐):

使用selectedIdx:

同一个组件不要既设置selectedIdx又设置selectedValue

本地模式:
11、动态生成下拉框
此示例需后台支持,实现方式见本页面注释的代码。


此示例需后台支持,实现方式见本页面注释的代码。


12、动态修改下拉框 json数据模式:





本地模式:


13、重置下拉框值
传统表单元素:
下拉框1:
下拉框2:
14、浏览器原始下拉框
点击查看API说明
下载代码说明
X关闭

QUI框架Select单选下拉框美化版给你不一样的感觉

QUI框架Select单选下拉框美化版,QUI框架V3系列并不是对以往简单的升级,而是从各个方面都做了重大改进和完善。可以说,当看了这个3.0系列,你会发现以往的版本和它完全不在一个层次了。 1、组件使用方式极大地简化和一致性 所有表单元素组件都可以通过一句话实现创建。无需任何JS代码(异步上传控件除外)。 2、框架组件均支持JSON数据。组件可以通过一个url获取JSON数据,这样组件的数据项