layui怎么得到select值

介绍

在前端开发中，我们经常需要获取表单元素的值以进行后续的处理。其中，获取下拉框（select）元素的值是一个常见的需求。在 layui 中，可以通过 layui.form 模块来获取 select 的值。

代码示例

以下是一个示例代码，演示了如何使用 layui 获取 select 的值：

layui.use(['form'], function() {
  var form = layui.form;
  
  // 监听 select 值的变化
  form.on('select(selectId)', function(data) {
    var value = data.value; // 获取 select 值
    console.log(value);
  });
});

代码分析

在上面的代码中，我们首先使用 layui.use() 方法加载了 layui.form 模块。接着，通过 form.on() 方法监听了 id 为 selectId 的 select 元素的值变化事件。

当 select 的值发生变化时，回调函数会被执行，其中的 data 参数包含了选择的值。通过 data.value，我们可以获取到 select 的值，并进行后续的处理，比如在控制台上输出。

总结

使用 layui.form 模块可以方便地获取 select 元素的值。通过监听 select 元素的值变化事件，我们可以在选择值发生变化时执行相应的操作。

以上是关于如何使用 layui 获取 select 值的说明，希望能对你有所帮助。