多级下拉框插件

##多级下拉框插件 Selects

##Basic 基本

依赖:jquery

调用:

`$element.selects(options)

##Options 参数

#####data array / string 显示的数据

// value作为option的value,text作为文本,attr作为属性 [{ value: 1, text: '行政部', attr: { staff: 12 }, children: [{ value: 11, text: '关怀组', attr: { staff: 2 } }] }]

#####template string ('%option%') 下拉框的模版

#####selected string ('') 默认选中的值

#####container selector ('') 下拉框dom容器,默认为空,则放在$element的后面

#####preOption string ('--请选择--') 添加到最前面的选项

#####allowEmpty boolean (false) 子下拉框还未选择的情况,是否都将父下拉框的值作为最终的值

#####setInputValue function 将下拉框的值设置回$element

function($input, items){ var value if(this.options.allowEmpty){ for(var i=items.length-1; i>=0; i--){ value = items[i].value if(value) break; } }else{ value = items.length ? items[items.length - 1].value : '' } $input.val(value) }

#####onChange function ($.noop) 改变下拉框的回调

function($modal){ //$modal为显示的内容的jquery实例 }

##method 方法

#####initSelect

// 初始化选中的值 var mySelect = $('input').selects(options).data('selects') mySelect.initSelect(selected)

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。