layui select 多选
时间: 2023-08-15 21:09:28 浏览: 110
在 layui 中,可以使用 `select` 组件来实现多选功能。以下是一个示例代码:
```html
<select name="city" multiple lay-verify="required" lay-search>
<option value=""></option>
<option value="1">北京</option>
<option value="2">上海</option>
<option value="3">广州</option>
<option value="4">深圳</option>
<option value="5">杭州</option>
</select>
```
在上述代码中,`multiple` 属性表示允许多选,`lay-verify="required"` 表示选择是必填项,`lay-search` 表示启用搜索功能。
你可以根据自己的需求,修改 `<select>` 元素中的 `name`、`value` 和选项内容等属性。
当用户选择了多个选项后,可以通过 JavaScript 来获取选中的值。例如,可以使用以下代码来获取选中的值:
```javascript
var selectedValues = [];
layui.use('form', function(){
var form = layui.form;
form.on('select(city)', function(data){
selectedValues = data.value;
});
});
```
在上述代码中,`form.on('select(city)', ...)` 表示监听名为 `city` 的 `<select>` 元素的选择事件,当用户选择了选项后,会执行回调函数,并将选中的值存储在 `selectedValues` 变量中。
希望以上信息能对你有所帮助!如果你有其他问题,请随时提问。
阅读全文