给我写layui中下拉框只能选中一次的代码
时间: 2023-06-04 09:08:05 浏览: 138
好的,以下是layui中下拉框只能选中一次的代码:
HTML代码:
```
<div class="layui-form-item">
<label class="layui-form-label">下拉框</label>
<div class="layui-input-inline">
<select lay-verify="required" id="select">
<option value=""></option>
<option value="1">选项一</option>
<option value="2">选项二</option>
<option value="3">选项三</option>
</select>
</div>
</div>
```
JavaScript代码:
```
layui.use(['form'], function () {
var form = layui.form;
// 监听select选中事件
form.on('select(select)', function(data){
// 隐藏下拉框
$(data.elem).hide();
// 获取选中的值
var value = data.value;
// 显示选中的值
console.log(value);
});
});
```
以上代码实现了当用户选中下拉框中的一个选项后,下拉框自动隐藏,并且将选中的值输出到控制台。用户再次点击时下拉框不会弹出。
阅读全文