下拉选择(基础元素)

极其简单的用法,无需担心性能的影响

select 单选 (.ks-select)

option支持的属性:iconstyledeftextvalue

默认值可以直接写在select标签上:value="*"

可以直接通过$(select).val()改变select的值

select 多选
select 列表形式
通过给 select 元素添加 open 属性,可以渲染出一个列表式选择菜单
<select class="ks-select" value="1 4 6" multiple open> <option value="1">选项 1</option> <option value="2" icon="edit">选项 2</option> <option value="3" disabled="">选项 3</option> <option value="4" style="color: #ff3e04;">选项 4</option> <optgroup label="分组"> <option value="5">选项 5</option> <option value="6" selected="">选项 6</option> <option value="7">选项 7</option> </optgroup> </select>
高级用法
你可以通过高级用法应用到特殊场景中
$( selector ).showSelect( data , func , multiple )
参数名介绍
data

//------------ JSON格式 -------------
{
	value : '默认值', //支持多个 ['默认值1','默认值2']
	multiple : 1, //是否多选
	option : [ //列表数据
	  {
		  value   :   '值' , //必须
		  label   :   '选项名称', //可选
		  selected:   '是否选中', //可选
		  disabled:   '是否禁用', //可选
		  icon    :   '图标名称', //可选
		  style   :   '样式', //可选
		  option    : { //子级(如果需要) 类似select的optgroup标签
			  值同上
		  }
	  },
    //第二组
    //第三组
    // ...
	]
}
//------------ Array格式 -------------
['名称1','名称2']

//------------ JSON简要格式 -------------
{key:value, key2:value2, ...}
                        
func每次选中的回调函数 ( value , text , ele)
回调参数介绍
value当前选中的值
text当前选中的文字
ele当前选中的元素对象
multiple是否为多选控件

通过json数据对象模拟select菜单