带过滤器的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选择字段

回答

相关问题