첫 번째 문자를 입력하여 간단한 목록에서 단어 찾기 (표준 선택 상자에서와 같이)

Question

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> 

지금은 내가 첫 글자를 입력 할 때 목록 옵션으로 이동하는 것입니다 내가 필요한 것을. 따라서 목록이 활성화되어있을 때 "b"를 입력하면 "bbbbbbb"목록으로 이동합니다 (클래스, 하이라이트 또는 다른 것을 추가합니다 ..)

하지만 어떻게해야합니까?

Answer 1

이 CSS

순수 자바 스크립트

autoComplete

How to Use it