layui 下拉多选框回显
时间: 2023-08-29 09:13:51 浏览: 125
layui下拉多选,下拉选择多选
在 layui 中,下拉多选框的回显需要通过设置选中值来实现。具体步骤如下:
1. 获取下拉多选框的实例:
```
var formSelects = layui.formSelects;
```
2. 设置选中值:
```
formSelects.value('selectId', [value1, value2, ...]);
```
其中,`selectId` 是下拉多选框的元素 ID,`value1`、`value2` 等是选中项的值。
完整示例代码如下:
HTML:
```
<select id="selectId" xm-select="multi" xm-select-search>
<option value="1">选项1</option>
<option value="2">选项2</option>
<option value="3">选项3</option>
<option value="4">选项4</option>
</select>
```
JavaScript:
```
var formSelects = layui.formSelects;
var selectedValues = ['2', '4']; // 选中项的值
formSelects.value('selectId', selectedValues);
```
阅读全文