任何與jQuery 1.3兼容的插件，都可以使用用戶文本輸入加上基於匹配的輸入字符串數進行分組來過濾下拉列表

Question

只是想知道是否已經有用於此的插件，否則我將自己編寫代碼。 以下是我的確切要求。

假設我有一個這樣的下拉列表-

<select id="values" name="country">
  <option value="1">Hello world</option>
  <option value="2">Hello there</option>
  <option value="3">Hello again</option>

  <option value="4">Andorra</option>
  <option value="5">Argentina</option>
  <option value="6">Armenia</option>
  <option value="7">Aruba</option>
  <option value="8">Australia</option>
  <option value="9">Austria</option>
  ...
</select>

並且有一個輸入字段供用戶過濾下拉列表內容。 所以一開始看起來像這樣-

用例（需求）

單個單詞輸入的明顯情況->用戶輸入“ Hello”

結果應僅包含“ Hello”的選項

<select id="values" name="country">
      <option value="1">Hello world</option>
      <option value="2">Hello there</option>
      <option value="3">Hello again</option>
</select>

當輸入多個單詞->例如“再次問好”時，應在選項上應用OR邏輯，並且應保留包含任何單詞的選項。

<select id="values" name="country">
  <option value="3">Hello again</option>
  <option value="2">Hello there</option>
  <option value="1">Hello world</option>      
</select>

我正在尋找的另一項增強功能是，根據匹配的單詞數對結果進行分組，所有單詞均在頂部匹配，然后再進行次要的單詞匹配，直到末尾，如下所示：

我知道這是一個非常具體的要求，但還是嘗試了一下。

我在輸入時檢查了這個問題“ jQuery：過濾器下拉列表”，並在其中給出了一些插件演示，但沒有找到我想要的東西。 第一部分JQuery UI MultiSelect具有我要查找的OR搜索邏輯，但沒有分組。 但這需要jquery 1.5，並且與jquery 1.3兼容的舊版本沒有輸入字段。

Answer 1

我的誠實觀點是，最好的方法是為這個問題編寫您自己的自定義代碼。 jQuery（順便使用1.6）非常強大，可以解決您的問題，但是不太可能找到一個完全能夠滿足您需求的特定插件。

也許您應該使用一個已經存在的插件，例如：

http://docs.jquery.com/Plugins/autocomplete

然后重新配置它，以所需的方式顯示結果。 然后將您的代碼發布回社區，並幫助添加到可用插件的豐富集合中。

只是一個想法。