jQuery Combobox 是一款基于 jQuery 的下拉框控件,可以將一個普通的下拉框轉換為可搜索的下拉框,提升用戶交互體驗。以下為 Combobox 的基本用法示例:
<!-- 引入 jQuery 和 Combobox 插件 --> <script src="jquery.min.js"></script> <script src="jquery.combobox.js"></script> <!-- 定義下拉框 --> <select id="my-select"> <option value="1">選項1</option> <option value="2">選項2</option> <option value="3">選項3</option> <option value="4">選項4</option> <option value="5">選項5</option> </select> <!-- 初始化 Combobox --> <script> $(function() { $('#my-select').combobox(); }); </script>
當用戶輸入關鍵詞時,Combobox 會自動過濾下拉框中的選項,只展示符合條件的選項。選擇某個選項后,Combobox 會自動將選項的值填入輸入框中,方便用戶再次使用。
為了獲取 Combobox 組件中選中的值,可以使用以下代碼:
var selectedValue = $('#my-select').val();
其中,$('#my-select')
表示選取 ID 為 "my-select" 的下拉框,.val()
則表示獲取該下拉框當前選中的值。