layer.prompt中循环下拉列表
时间: 2023-10-21 17:29:24 浏览: 61
您可以使用layer.prompt的formType为2时,自定义html内容,在html中添加下拉列表。具体实现可以参考以下代码:
```javascript
layer.prompt({
formType: 2,
value: '',
title: '请选择',
area: ['250px', '200px'],
content: `
<div class="layui-form-item layui-form-text">
<label class="layui-form-label">选择:</label>
<div class="layui-input-block">
<select name="city" lay-verify="required">
<option value="">请选择</option>
<option value="0">北京</option>
<option value="1">上海</option>
<option value="2">广州</option>
<option value="3">深圳</option>
</select>
</div>
</div>
`,
btn: ['确定', '取消'],
yes: function(index, layero) {
// 获取选中的值
var selectValue = layero.find('select[name="city"]').val();
layer.close(index);
}
});
```
在content中添加了一个下拉列表的html代码,当用户点击确定按钮时,通过`layero.find('select[name="city"]').val()`获取选中的值。