layui怎么獲取select選中的值

小億
1379
2024-01-12 02:16:02

可以使用Layui的form模塊來(lái)獲取select選中的值。

首先，確保在頁(yè)面中引入了Layui的form模塊，如下所示：

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

然后，在使用select元素的地方添加一個(gè)lay-filter屬性，用于標(biāo)識(shí)該select元素，如下所示：

<select name="select" lay-filter="select">
  <option value="">請(qǐng)選擇</option>
  <option value="1">選項(xiàng)1</option>
  <option value="2">選項(xiàng)2</option>
  <option value="3">選項(xiàng)3</option>
</select>

接下來(lái)，在頁(yè)面中編寫(xiě)相應(yīng)的JavaScript代碼，通過(guò)form模塊的on()方法監(jiān)聽(tīng)select的change事件，并在事件處理函數(shù)中獲取選中的值，如下所示：

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

當(dāng)用戶(hù)選擇了select中的某個(gè)選項(xiàng)時(shí)，會(huì)觸發(fā)change事件，然后通過(guò)data.value可以獲取到選中的值。

以上就是使用Layui獲取select選中的值的方法。

0 踩