JQuery Combobox 是一種常用的下拉框組件,可以很方便地實(shí)現(xiàn)選項(xiàng)的搜索和選擇。在使用這個(gè)組件時(shí),通常需要獲取用戶選中的值,以便進(jìn)行后續(xù)操作。
我們可以使用 jQuery 提供的 .val() 方法來獲取選中的值。以一個(gè)基本的示例為例:
<select id="mycombobox"> <option value="1">Apple</option> <option value="2">Banana</option> <option value="3">Orange</option> </select> <button id="getval">獲取選中值</button> <script> $("#getval").click(function() { var val = $("#mycombobox").val(); alert("選中的值是:" + val); }); </script>
在上述代碼中,我們首先創(chuàng)建了一個(gè)包含幾個(gè)選項(xiàng)的下拉框,并在頁面中添加了一個(gè)獲取選中值的按鈕。當(dāng)按鈕被點(diǎn)擊時(shí),我們使用 .val() 方法獲取選中的值,并彈出一個(gè)提示框顯示該值。
需要注意的是,如果需要獲取的是多選下拉框選中的多個(gè)值,可以使用 .val() 方法返回一個(gè)數(shù)組,或者通過 jQuery 的 .each() 方法遍歷選中的每個(gè)選項(xiàng)。
<select id="mycombobox" multiple> <option value="1">Apple</option> <option value="2">Banana</option> <option value="3">Orange</option> </select> <button id="getval">獲取選中值</button> <script> $("#getval").click(function() { var vals = $("#mycombobox").val(); $.each(vals, function(index, value) { alert("選中的值是:" + value); }); }); </script>
在上述代碼中,我們將下拉框設(shè)置為多選模式,并在獲取值時(shí)使用 .each() 方法遍歷選中的每個(gè)值,并彈出一個(gè)提示框顯示該值。