我要的效果是select 下拉之后里面的效果是左边是复选框，右边是值，可以进行多选

如果你想要实现一个下拉框，其中每个选项包含一个复选框和对应的值，并且可以进行多选，可以使用Layui的自定义下拉框组件 `xm-select` 来实现。下面是示例代码：

<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/layui/2.6.8/css/layui.min.css">
<script src="https://cdn.bootcdn.net/ajax/libs/layui/2.6.8/layui.min.js"></script>

<div class="layui-form-item">
  <label class="layui-form-label">参与者</label>
  <div class="layui-input-block">
    <select name="canyuze" xm-select="canyuze" lay-verify="required" lay-vertype="tips" xm-select-search>
      <option value="">---请选择---</option>
      <option value="写作">写作</option>
      <option value="阅读">阅读</option>
      <option value="编程">编程</option>
    </select>
  </div>
</div>

<script>
  layui.use(['xmSelect', 'form'], function () {
    var xmSelect = layui.xmSelect;
    var form = layui.form;

    // 渲染下拉框
    var select = xmSelect.render({
      el: '[xm-select="canyuze"]',
      language: 'zn',
      tips: '请选择参与者',
      model: { label: { type: 'text' } }
    });

    // 监听选中事件
    select.on('checkbox', function (data) {
      console.log(data.arr); // 输出选中的值
    });

    // 重新渲染表单
    form.render();
  });
</script>

在上面的代码中，我使用了Layui的 `xm-select` 组件来实现所需的效果。通过设置 `model` 属性的 `label.type` 为 `'text'`，可以让选项的标签显示为文本，而不是默认的值。通过设置 `xm-select-search` 属性，可以启用搜索功能。

在监听选中事件时，可以通过 `data.arr` 获取到选中的值。你可以根据需要进行后续处理。

请确保你已经引入了Layui的相关资源文件，并正确初始化了Layui组件。