近期由于工作需要,用户点击下拉框可以实现多选的效果,效果大致如下图:
实现的代码如下:
<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单选
下面总结下combobox的取值与赋值
2、赋值
(1)单选赋值setValue
$('#Id').combobox('setValue','key')
(2)多选赋值setValues
多选key值是一个数组,$('#Id').combobox('setValues','key1,key2,key3'.split(','))
注意:'key1,key2,key3'.split(',')将字符串切分为数组,因为combobox的第二个参数是数组
3.取值
(1)单选取值getValue
$('#Id').combobox('getValue')
(2)多选取值getValues
多选key值是一个数组,$('#Id').combobox('getValues')
注意:取得的值是一个数组,如果想转换为以逗号分隔的字符串的话例如("1,2,3"),使用join方法,代码如下:
var str=$('#Id').combobox('getValues').join(",");
总结完毕