easyui实现多选框,并且获取值

时间:2023-03-10 00:48:39
easyui实现多选框,并且获取值

在easyui官方文档里面是没有combobox下拉框,可以进行多选的,但是其实是可以多选的,

<td align="left">大区:&nbsp;&nbsp;&nbsp;<input type="text" id="area" name="area" editable="false"
class="easyui-combobox"
style="width: 110px"
data-options="valueField:'areaId',textField:'areaName',panelHeight:'auto',multiple:'true'"/></td>

在data-options 中最后一个属性就是设置多选的,

multiple:'true'

可以知道这个是多选的,那么平时我们使用combobox获取值是根据:
var area = $("#area").combobox('getValue');

假设获取的值为1

这是获取单个选择的值,但是如果多值,就无法获取

获取多选值的方法:

var area = $("#area").combobox('getValues');

此时area就变成字符串,1,2