layui怎么获取select选中的值

1961
2024/1/24 2:16:02
栏目: 编程语言
开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

可以使用Layui的form模块来获取select选中的值。

首先,确保在页面中引入了Layui的form模块,如下所示:

<script src="layui/layui.js"></script>

然后,在使用select元素的地方添加一个lay-filter属性,用于标识该select元素,如下所示:

<select name="select" lay-filter="select">
  <option value="">请选择</option>
  <option value="1">选项1</option>
  <option value="2">选项2</option>
  <option value="3">选项3</option>
</select>

接下来,在页面中编写相应的JavaScript代码,通过form模块的on()方法监听select的change事件,并在事件处理函数中获取选中的值,如下所示:

layui.use('form', function() {
  var form = layui.form;
  
  form.on('select(select)', function(data) {
    console.log(data.value); // 获取选中的值
  });
});

当用户选择了select中的某个选项时,会触发change事件,然后通过data.value可以获取到选中的值。

以上就是使用Layui获取select选中的值的方法。

辰迅云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

推荐阅读: layui日期控件如何设置宽高