layui select 默认值
时间: 2023-09-14 18:03:35 浏览: 186
element-ui中的select下拉列表设置默认值方法
Layui Select 组件的默认值可以通过两种方式设置:
1. 在 HTML 中,可以通过在 select 标签中添加 selected 属性来设置默认选中项,例如:
```html
<select name="city" lay-verify="required">
<option value="">请选择城市</option>
<option value="1">北京市</option>
<option value="2" selected>上海市</option>
<option value="3">广州市</option>
</select>
```
在上述代码中,"上海市" 将会作为默认选中项。
2. 使用 JavaScript 动态设置默认选中项,可以通过 layui 的 form 模块提供的方法来实现。示例如下:
```html
<select name="city" lay-verify="required" lay-filter="citySelect">
<option value="">请选择城市</option>
<option value="1">北京市</option>
<option value="2">上海市</option>
<option value="3">广州市</option>
</select>
<script>
layui.use(['form'], function() {
var form = layui.form;
// 设置默认选中项
form.val('citySelect', {
'city': '2' // 上海市
});
});
</script>
```
使用 form.val 方法可以将 'city' 字段设置为 '2',从而选中 "上海市"。
希望能够帮到你!如果还有其他问题,请随时提问。
阅读全文