jQuery 實現可輸入的下拉選框（Combobox）方案

需求

下拉選框既可展示選項，又可像輸入框一樣自由輸入內容。

推薦成熟組件

1. Select2：官網 — 功能最全、社區活躍

   $('#mySelect').select2({ tags: true }); // 允許輸入新標籤

2. jQuery EasyUI Combobox：官網 — 國產 UI 庫，中文文檔友好

   <input class="easyui-combobox" data-options="editable:true">

3. Bootstrap Select：官網 — Bootstrap 生態整合佳

原生實現思路（不依賴插件）

<div class="custom-combobox">
  <input type="text" id="input" placeholder="輸入或選擇">
  <ul id="options" class="hidden">
    <li data-value="1">選項一</li>
    <li data-value="2">選項二</li>
  </ul>
</div>

// JS 邏輯：點擊輸入框顯示列表、鍵盤導航、選中回填、輸入過濾

選型建議

• 項目已用 jQuery UI/EasyUI → 直接用對應組件
• 新項目/追求輕量 → Select2 (40KB gzipped)
• 極簡需求 → 原生實現 50 行代碼搞定