近期因为工做须要,用户点击下拉框能够实现多选的效果,效果大体以下图:html
实现的代码以下:数组
<select id="iweekDay" class="col-sm-4 form-control easyui-combobox " name="state" data-options="multiple:true,multiline:true" style="width:350px;height:35px" > <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> </select>
最主要的是:multiple:true表示下拉框能够多选,若是单选:multiple:false单选ui
下面总结下combobox的取值与赋值code
二、赋值orm
(1)单选赋值setValuehtm
$('#Id').combobox('setValue','key')
(2)多选赋值setValuesip
多选key值是一个数组,$('#Id').combobox('setValues','key1,key2,key3'.split(','))
注意:'key1,key2,key3'.split(',')将字符串切分为数组,由于combobox的第二个参数是数组字符串
3.取值get
(1)单选取值getValueit
$('#Id').combobox('getValue')
(2)多选取值getValues
多选key值是一个数组,$('#Id').combobox('getValues')
注意:取得的值是一个数组,若是想转换为以逗号分隔的字符串的话例如("1,2,3"),使用join方法,代码以下:
var str=$('#Id').combobox('getValues').join(",");
总结完毕