layui监听下拉框值变化并获取label和值

你可以使用 layui 的 form 模块来监听下拉框的值变化，并通过获取 select 元素的 label 和 value 属性来获取所选项的 label 和值。具体实现方法如下：

HTML 代码：

<select name="city" id="city">
  <option value="bj">北京</option>
  <option value="sh">上海</option>
  <option value="gz">广州</option>
</select>

JavaScript 代码：

layui.use(['form'], function() {
  var form = layui.form;

  // 监听下拉框值变化
  form.on('select(city)', function(data) {
    // 获取所选项的 label 和值
    var label = $(data.elem).find("option:selected").text();
    var value = data.value;
    console.log("所选城市：", label, value);
  });
});

在上面的代码中，我们通过 layui.use() 方法加载了 layui 的 form 模块，然后使用 form.on() 方法来监听下拉框的值变化。在回调函数中，我们通过 $(data.elem).find("option:selected").text() 来获取所选项的 label，通过 data.value 来获取所选项的值，最后将它们打印出来即可。