jQuery listbox是一種常用的UI組件,其實(shí)現(xiàn)列表框的基本功能,而取得其選中的值則是經(jīng)常需要的操作。下面我們將介紹使用jQuery來(lái)取得listbox的選中值。
//獲取選中的值 var selectedValues = $("#listbox").val();
如上所示,通過(guò)jQuery選擇器獲取到listbox元素,并使用val()方法來(lái)取得其選中的值。 如果listbox多選,則返回?cái)?shù)組類型的值。 如果沒有選中任何值,則返回null。
接下來(lái),我們還可以通過(guò)循環(huán)遍歷的方式來(lái)取得每個(gè)選中項(xiàng)的文本值。具體代碼如下:
//獲取選中的文本 $("#listbox option:selected").each(function() { var selectedText = $(this).text(); console.log(selectedText); });
上述代碼通過(guò)選擇器選中選中的選項(xiàng),并使用each方法遍歷每一個(gè)選中的選項(xiàng),并通過(guò)text()方法取得其文本值。在這里我們將選項(xiàng)文本值打印到控制臺(tái)中,你也可以根據(jù)實(shí)際情況進(jìn)行具體操作。
以上就是使用jQuery取得listbox選中值的基本介紹。希望可以幫助到你!