通过键入第一个字母(如在标准选择框中)查找简单列表中的单词

时间:2011-03-22 13:46:37

标签: select custom-controls html-lists autosuggest

我正在尝试使用自定义样式创建新的选择框,而不是使用jquery创建无聊的标准样式。它的作用是将“+”重写为列表。

快速举例:

<select class="changeSelect">
 <option value="0" selected="selected">Choose now</option>
 <option value="1">aaaaaaaaa</option>
 <option value="2">bbbbbbbbb</option>
 <option value="3">ccccccccc</option>
</select> 

进入:

<ul>
 <li class="first">Choose now</li>
 <li>aaaaaaaaa</li>
 <li>bbbbbbbbb</li>
 <li class="last">ccccccccc</li>
</ul>

现在我需要的是在键入第一个字母时跳转到列表选项。因此,如果我在列表处于活动状态时fx键入“b”,它将跳转到列表“bbbbbbb”(并添加一个类,突出显示或其他东西..)

但我该怎么做?

1 个答案:

答案 0 :(得分:0)

使用此CSS

使用纯javascript

尝试此代码

autoComplete

How to Use it