layer.prompt中循环json数组
时间: 2023-10-21 11:29:24 浏览: 110
您可以使用layer.prompt的formType为2时,自定义html内容,在html中添加循环json数组的代码。具体实现可以参考以下代码:
```javascript
var jsonArr = [
{ "id": 1, "name": "张三" },
{ "id": 2, "name": "李四" },
{ "id": 3, "name": "王五" }
];
var html = `
<div class="layui-form-item layui-form-text">
<label class="layui-form-label">请选择:</label>
<div class="layui-input-block">
<select name="selectName" lay-verify="required">
<option value="">请选择</option>
`;
for (var i = 0; i < jsonArr.length; i++) {
html += `<option value="${jsonArr[i].id}">${jsonArr[i].name}</option>`;
}
html += `
</select>
</div>
</div>
`;
layer.prompt({
formType: 2,
value: '',
title: '请选择',
area: ['250px', '200px'],
content: html,
btn: ['确定', '取消'],
yes: function(index, layero) {
// 获取选中的值
var selectValue = layero.find('select[name="selectName"]').val();
layer.close(index);
}
});
```
在content中添加了循环json数组的代码,根据json数组的长度循环生成option标签,当用户点击确定按钮时,通过`layero.find('select[name="selectName"]').val()`获取选中的值。
阅读全文