layui 给 select赋值
时间: 2024-08-15 17:08:07 浏览: 58
layui的select下拉框插件,可以多选
layui是一个轻量级的前端UI库,它提供了一个简单的API用于设置select元素的值。假设你有一个HTML结构如下:
```html
<select id="mySelect">
</select>
```
你可以使用layui的`laySelect()`方法给这个select元素赋值,示例如下:
```javascript
layui.use('layselect', function(){
var layselect = layui.layselect;
// 初始化select并设置默认值
layselect.render({
elem: '#mySelect', // 绑定元素ID
options: [{value: 'option1', text: '选项1'}, {value: 'option2', text: '选项2'}], // 设置初始选项列表
init: {
selected: 'option1' // 设置默认选中的项(可以是值或索引)
}
});
});
```
在这个例子中,`init.selected`属性设置了select的初始选中项,值为'option1',对应的文本为'选项1'。
阅读全文