如何给layui的select赋值?
时间: 2023-08-15 18:08:40 浏览: 124
你可以通过以下方法给 layui 的 select 赋值:
1.使用JS动态添加option元素来实现
```javascript
var data = ['选项1', '选项2', '选项3'];
var select = document.getElementById('testSelect'); // 获取select元素
for (var i = 0; i < data.length; i++) {
var option = document.createElement('option'); // 创建option元素
option.value = i + 1; // 设置option的值(可以是任意数据类型)
option.innerHTML = data[i]; // 设置option的文本
select.appendChild(option); // 将option添加到select中
}
```
2.使用Layui的form模块的select方法来实现
```javascript
var data = ['选项1', '选项2', '选项3'];
var select = document.getElementById('testSelect'); // 获取select元素
layui.use('form', function(){
var form = layui.form;
for (var i = 0; i < data.length; i++) {
var option = new Option(data[i], i + 1); // 创建option元素
select.options.add(option); // 将option添加到select中
}
form.render('select'); // 重新渲染select
});
```
这两种方法都可以实现给 layui 的 select 赋值,你可以根据自己的需求选择其中一种。
阅读全文