xm-select的选择事件
时间: 2023-09-03 13:13:06 浏览: 592
select选择事件
5星 · 资源好评率100%
xm-select 是基于 layui 的一个下拉框组件,它的选择事件是通过监听 select 组件的 change 事件来实现的。当用户选择某个选项时,change 事件会触发,可以通过监听该事件来获取用户选择的值。
例如:
```javascript
layui.use(['form', 'xmSelect'], function(){
var form = layui.form;
var xmSelect = layui.xmSelect;
//渲染xm-select
var demoXmSelect = xmSelect.render({
el: '#demo',
filterable: true,
data: [{
name: '选项一',
value: '1'
},{
name: '选项二',
value: '2'
}]
});
//监听选择事件
demoXmSelect.on('change', function(data){
console.log(data.arr); //data.arr是选择的值的数组
});
});
```
在上面的例子中,我们监听了 demoXmSelect 组件的 change 事件,并在事件处理函数中打印了选择的值的数组。
阅读全文