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);

相关问题

vue下拉多选框怎么回显数据

要回显数据，你需要在你的Vue组件中绑定一个数组，用来保存用户选择的选项。比如，你可以在data选项中定义一个名为selectedOptions的数组。然后，在你的下拉多选框中，使用v-model指令将选中的选项绑定到这个数组上。例如：

<template>
  <div>
    <label for="options">请选择：</label>
    <select id="options" v-model="selectedOptions" multiple>
      <option v-for="option in options" :value="option">{{ option }}</option>
    </select>
  </div>
</template>

<script>
export default {
  data() {
    return {
      options: ['选项1', '选项2', '选项3'],
      selectedOptions: ['选项1', '选项3'] // 假设这是要回显的数据
    }
  }
}
</script>

在上面的代码中，我们使用了v-model指令将选中的选项绑定到了selectedOptions数组中，并且在data选项中定义了一个默认值，假设这是要回显的数据。

这样，当用户进入页面时，可以看到默认选中的选项已经被回显出来了。你也可以通过其他方式，如AJAX请求，将需要回显的数据动态地设置到selectedOptions数组中，以达到动态回显数据的效果。

easyui多选框回显

如果你在 easyui 中使用多选框，可以使用 `setValues` 方法将选中的值回显到多选框中。例如：

var values = ['value1', 'value2', 'value3']; // 假设这是选中的值
$('#checkbox').checkbox('setValues', values);

其中，`#checkbox` 是多选框的选择器，`setValues` 方法将选中的值赋给多选框。