layui怎样获取下拉框选中的值并返回给后端
时间: 2024-05-10 12:20:18 浏览: 309
在layui中获取下拉框选中的值可以使用form组件的on('submit(form)', function(data){})方法。
具体步骤如下:
1. 在HTML中定义下拉框组件
```
<div class="layui-form-item">
<label class="layui-form-label">下拉框</label>
<div class="layui-input-block">
<select name="select" lay-verify="required">
<option value=""></option>
<option value="1">选项1</option>
<option value="2">选项2</option>
<option value="3">选项3</option>
</select>
</div>
</div>
```
2. 在JavaScript中监听表单提交事件,并获取下拉框选中的值
```
layui.use('form', function(){
var form = layui.form;
//监听表单提交
form.on('submit(form)', function(data){
//获取下拉框选中的值
var selectVal = data.field.select;
console.log(selectVal);
//将选中的值返回给后端
//...
return false; //阻止表单跳转
});
});
```
在表单提交事件中,通过data.field.select获取下拉框选中的值,并将其传递给后端处理。
阅读全文