在 Web 開發中,常常需要獲取用戶在 select 元素中所選擇的值。jQuery 和 layui 都提供了相應的方法來輕松實現這一功能。
使用 jQuery 獲取 select 值的方法如下:
$(document).ready(function(){ $("#selectID").change(function(){ var selectedValue = $(this).val(); // Do something with selectedValue }); });
其中,#selectID 為 select 元素的 id 屬性值。change() 方法用于在元素的值更改時觸發一個事件,val() 方法用于獲取 select 元素所選中的值。
使用 layui 獲取 select 值的方法稍微有些不同:
layui.use(['form'], function(){ var form = layui.form; form.on('select(selectID)', function(data){ var selectedValue = data.value; // Do something with selectedValue }); });
與 jQuery 不同的是,layui 中需要使用 form 模塊,并對其進行調用,然后再使用 form.on() 方法來獲取 select 值。其中,selectID 是 select 元素的 lay-filter 屬性值。
總的來說,獲取 select 值是比較常見的操作,在 jQuery 和 layui 中都很容易實現。