layui获取select 每次选中的值
时间: 2023-08-05 10:06:54 浏览: 167
layui-select动态选中值的例子
可以使用 layui 的 form 模块,监听 select 组件的 select事件,获取每次选中的值。
示例代码如下:
```html
<!-- HTML code -->
<form class="layui-form">
<div class="layui-form-item">
<label class="layui-form-label">选择框</label>
<div class="layui-input-block">
<select name="city" lay-verify="required" lay-filter="citySelect">
<option value="">请选择城市</option>
<option value="beijing">北京</option>
<option value="shanghai">上海</option>
<option value="guangzhou">广州</option>
<option value="shenzhen">深圳</option>
</select>
</div>
</div>
</form>
```
```javascript
// JavaScript code
layui.use(['form'], function(){
var form = layui.form;
// 监听 select 组件的 select 事件
form.on('select(citySelect)', function(data){
console.log(data.value); // 当前选中的值
});
});
```
阅读全文