layui xm-select如何绑定change事件

layui 的 xm-select 组件提供了多种绑定 change 事件的方式，具体可以根据实际情况选择。

1. 使用 on('change') 方法

使用 `on('change')` 方法可以直接绑定 change 事件，示例代码如下：

layui.use('xmSelect', function(){
  var xmSelect = layui.xmSelect;
  
  var demoXmSelect = xmSelect.render({
    el: '#demo',
    data: [{
      name: '选项一',
      value: '1'
    }, {
      name: '选项二',
      value: '2'
    }],
    on: function(data){
      console.log(data.arr);
    }
  });
});

在上面的例子中，我们在 `on` 配置项中监听了 `change` 事件，并在事件处理函数中打印了选择的值的数组。

2. 使用 change 函数

使用 `change` 函数可以动态绑定或解绑 change 事件，示例代码如下：

layui.use('xmSelect', function(){
  var xmSelect = layui.xmSelect;
  
  var demoXmSelect = xmSelect.render({
    el: '#demo',
    data: [{
      name: '选项一',
      value: '1'
    }, {
      name: '选项二',
      value: '2'
    }]
  });
  
  demoXmSelect.change(function(data){
    console.log(data.arr);
  });
});

在上面的例子中，我们使用 `change` 函数绑定了 `change` 事件，并在事件处理函数中打印了选择的值的数组。

3. 使用 form.on('select') 函数

使用 `form.on('select')` 函数可以直接在 layui 的 form 模块中绑定 `select` 组件的 `change` 事件，示例代码如下：

layui.use(['form', 'xmSelect'], function(){
  var form = layui.form;
  var xmSelect = layui.xmSelect;
  
  var demoXmSelect = xmSelect.render({
    el: '#demo',
    data: [{
      name: '选项一',
      value: '1'
    }, {
      name: '选项二',
      value: '2'
    }]
  });
  
  form.on('select(demo)', function(data){
    console.log(data.value);
  });
});

在上面的例子中，我们使用 `form.on('select')` 函数绑定了 id 为 demo 的 select 组件的 `change` 事件，并在事件处理函数中打印了选择的值。