JQuery 입력 자동 제안 코드 (플러그인 없음)

Question

사용자가 입력 할 곳을 입력하는 텍스트가 있기 때문에 위치가 몇 개 밖에 없으므로 하드 코드 할 수 있습니다.

내가 필요한 것은 사용자가 N 또는 n을 입력하자마자 위치가 N으로 시작하면 자동 완성을 제안합니다.

autosuggest 플러그인을 사용하지 않고이 작업을 수행 할 거리가 있습니까?

Answer 1

당신이 전체 크로스 브라우저 구현이 필요하지 않은 경우, 당신은 항상 HTML 5의 datalist 사용을 고려할 수 있습니다

<input list="countries" /> 
<datalist id="countries"> 
    <option value="Algeria" /> 
    <option value="Azerbaijan" /> 
    <option value="United Arab Emirates" /> 
    <option value="United Kingdom" /> 
    <option value="United States" /> 
    <option value="Nicaragua" /> 
    <option value="Nigeria" /> 
</datalist> 

JS Fiddle demo.

참고 :

• datalist (MDN)
• datalist (W3C).
• Support for datalist (limited).