使用layui框架的select获取选中的值
时间: 2023-10-02 21:13:59 浏览: 229
element-ui 关于获取select 的label值方法
可以使用Layui框架中的form模块来完成。具体步骤如下:
1. 在HTML代码中,使用Layui的select组件,并为其指定一个lay-filter属性,例如:
```html
<select name="city" lay-filter="city">
<option value="">请选择城市</option>
<option value="beijing">北京</option>
<option value="shanghai">上海</option>
<option value="guangzhou">广州</option>
<option value="shenzhen">深圳</option>
</select>
```
2. 在JavaScript代码中,使用form模块的on方法监听select组件的change事件,并在回调函数中获取选中的值,例如:
```javascript
layui.use(['form'], function() {
var form = layui.form;
// 监听select组件的change事件
form.on('select(city)', function(data) {
// 获取选中的值
var value = data.value;
console.log(value);
});
});
```
在这个例子中,我们使用了form.on方法监听了名为"city"的select组件的change事件,并在回调函数中通过data.value获取了选中的值。你可以将console.log(value)替换为你自己的代码来处理选中的值。
阅读全文