HTML选择带过滤器的字段

Question

我有一个选择字段,其中有大量已发布的名称,可能达到数百个.

我需要的是过滤场,我的意思是:

如果选择并搜索了一个,则显示为表单的示例文本,并且可以编写新的搜索,删除之前搜索的示例文本.

在框中键入文本时,该围栏将显示文本选项的筛选列表.

一个例子是:如果我在文本框中键入D或d,它会显示选项列表Daniel Diego,所以对于所有人,如果你使用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>

Answer 1

试试这个.

Chosen是<select>html标签的jQuery插件.

它不仅使您的选择框看起来更好,而且在选择框的顶部添加了一个非常好的搜索功能.

源/演示在这里找到:http://harvesthq.github.com/chosen/