Layui中select传数组
时间: 2024-05-06 11:16:06 浏览: 74
在Layui中,可以通过数据循环渲染的方式来实现select传数组。
首先,需要准备好一个包含选项数据的数组,例如:
```
var data = [
{value: '0', text: '选项1'},
{value: '1', text: '选项2'},
{value: '2', text: '选项3'},
{value: '3', text: '选项4'}
];
```
然后,可以通过Layui的form模块来渲染select组件。在HTML中,可以如下定义:
```
<div class="layui-form-item">
<label class="layui-form-label">多选框</label>
<div class="layui-input-block">
<select name="select" lay-filter="select" multiple="">
{{# layui.each(d.data, function(index, item){ }}
<option value="{{ item.value }}">{{ item.text }}</option>
{{# }); }}
</select>
</div>
</div>
```
其中,{{# layui.each(d.data, function(index, item){ }} 和 {{# }); }} 是Layui的模板引擎语法,用于循环渲染数据。d.data表示传入模板的数据,index和item分别表示当前遍历到的数组索引和元素。
最后,在JavaScript中,可以通过form.on('select')事件来获取选中的值,例如:
```
form.on('select(select)', function(data){
console.log(data.value); // 选中的值,是一个数组
});
```
这样就可以通过select传数组了。
阅读全文