使用layui框架的select获取选中的值
时间: 2023-10-02 20:13:05 浏览: 120
element-ui 关于获取select 的label值方法
5星 · 资源好评率100%
使用layui框架的select组件获取选中的值可以通过以下方式实现:
1. 给select添加lay-filter属性,用于监听选择事件:
```html
<select name="city" lay-filter="city">
<option value=""></option>
<option value="shanghai">上海</option>
<option value="beijing">北京</option>
<option value="guangzhou">广州</option>
<option value="shenzhen">深圳</option>
</select>
```
2. 编写监听事件的JavaScript代码:
```javascript
layui.use(['form'], function(){
var form = layui.form;
//监听select选择事件
form.on('select(city)', function(data){
console.log(data.value); //得到被选中的值
});
});
```
在这个例子中,我们给select元素添加了lay-filter="city"属性,然后通过layui.form.on()方法监听了选择事件。当用户选择某个选项时,将会触发回调函数,并且该函数的data.value参数将会是被选中的选项的值。
阅读全文