layui select选中赋值
时间: 2024-08-16 21:00:33 浏览: 52
layui 监听select选择 获取当前select的ID名称方法
layui框架中的select组件用于创建下拉选择列表,如果你想在用户交互后将选定的值赋给变量,可以按照以下步骤操作:
1. 首先,在HTML中创建一个select元素,并添加layui的属性,例如`lay-data`用于绑定数据源,`lay-filter`设置筛选规则:
```html
<select lay-filter="selectFilter" lay-ignore></select>
```
2. 然后,在JavaScript中初始化select并处理选中事件,通常使用layui提供的API `layui.select()`:
```javascript
var index = layui.layer.open({
type: 2,
title: '请选择',
content: '<div>...</div>', // 数据源在这里加载
btn: ['确定', '取消'],
success: function(layer) {
layui.layselect(index).select('init'); // 初始化select
layui.layselect(index).select('on', { // 监听change事件
change: function(value, obj) {
var selectedValue = value; // 这里就是选中的值
// 对selectedValue做进一步处理
}
});
}
});
```
当用户点击“确定”按钮时,`change`事件会被触发,此时`value`参数就是所选选项的值。
阅读全文