jQuery Combobox 是一種交互式下拉菜單,只能選擇已有選項,不能自由輸入內容。該插件提供了一個可編輯的輸入框,當用戶在輸入框中鍵入內容時,下拉菜單展開并顯示與用戶輸入匹配的選項。用戶只能從下拉菜單中選擇現有選項,而不能隨意輸入。
$( "#combobox" ).combobox({ select: function( event, ui ) { console.log( "Selected: " + ui.item.value + " aka " + ui.item.label ); } });
上述代碼是使用 jQuery Combobox 的示例。在這個示例中,我們綁定了 select 事件,當用戶選擇一個選項時,就會觸發該事件。在 select 事件的處理程序中,我們將所選選項的值和標簽輸出到控制臺。
使用 jQuery Combobox 可以方便地實現一些復雜的自動完成功能。因為用戶只能從現有選項中進行選擇,所以可以限制他們的輸入,避免因輸入錯誤導致的錯誤結果。另外,jQuery Combobox 還具有可編輯性,用戶可以方便地從下拉菜單中添加或刪除選項。