帶過濾器的HTML選擇字段

我有一個選擇字段，其中大量的發佈名稱可能會達到數百個。帶過濾器的HTML選擇字段

我需要的是過濾領域，我的意思是：

，如果一個人被選中並搜查，顯示爲形式的樣本文本和寫一個新的搜索刪除示例文本之前搜索的可能性。

作爲在框中輸入文本的圍欄將顯示文本選項的過濾列表。

一個例子是：如果我在文本框中鍵入D或d，它將顯示選項列表Daniel Diego，因此對於所有人來說，並且如果使用Diego進行搜索，那麼在加載搜索文本框之後會顯示爲例迭戈。

<select id="id_name" name="name"> 
    <option value="3">Diego </option> 
    <option value="4">Daniel </option> 
    <option value="5">Fernando </option> 
    <option value="6">Luz </option> 
    <option value="7">Catherine </option> 
    <option value="8">Samuel </option> 
    <option value="10">Eduardo </option> 
</select>

來源

2013-02-21 user987055

有jQuery的可用autocompleter腳本。抓住一個。 – 2013-02-21 22:37:52

jquery autocomplete：http://jqueryui.com/autocomplete/ – Greg 2013-02-21 22:44:19

我用過這個例子，但是我不能刪除這些消息：attr（「title」，value +「與任何項目都不匹配」）和.attr（「標題「，」顯示所有項目「） – user987055 2013-02-21 23:57:23

試試這個。

Chosen是一個用於<select> html標籤的jQuery插件。

它不僅使您的選擇框看起來更漂亮，而且它在選擇框的頂部添加了一個非常漂亮的搜索功能。

源/演示在這裏找到：http://harvesthq.github.com/chosen/

來源

2013-02-21 22:51:57

帶過濾器的HTML選擇字段

回答

相關問題