生成layui 多选下拉框代码

生成Layui多选下拉框代码可以参考以下示例：

HTML代码：

<div class="layui-form-item">
  <label class="layui-form-label">多选下拉框</label>
  <div class="layui-input-block">
    <select name="city" lay-verify="required" xm-select="multi">
      <option value="">请选择城市</option>
      <option value="1">北京</option>
      <option value="2">上海</option>
      <option value="3">广州</option>
      <option value="4">深圳</option>
      <option value="5">杭州</option>
    </select>
  </div>
</div>

JavaScript代码：

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

  //渲染多选下拉框
  xmSelect.render({
    el: '[xm-select=multi]',
    filterable: true,
    searchTips: '请输入关键字搜索',
    tips: '请选择城市',
    toolbar: {
      show: true,
      list: ['ALL', 'CLEAR', 'REVERSE']
    },
    data: [
      {name: '北京', value: '1'},
      {name: '上海', value: '2'},
      {name: '广州', value: '3'},
      {name: '深圳', value: '4'},
      {name: '杭州', value: '5'}
    ]
  });

  //监听表单提交
  form.on('submit(formDemo)', function(data){
    var selectValue = xmSelect.get('[xm-select=multi]').getValue('value');
    console.log(selectValue);
    return false;
  });
});

这里使用了Layui和xm-select插件来实现多选下拉框，其中xm-select插件提供了丰富的配置项和API，可以根据实际需要进行灵活配置和使用。