2014-03-02 1 views
1

모든 주요 브라우저에는 입력 요소의 일부로 내장 자동 완성 기능이 있습니다. 사용자가 입력을 시작하면 대개 아래로 떨어집니다. 목록을 관리하는 방법이 있습니까? 내 말은 ...입력 태그에서 브라우저의 내장 자동 완성 목록을 제어하는 ​​방법은 무엇입니까?

<input id="abc" type="text" /> 

<script> 
    //this does not work, obviously 
    var cars=["Saab","Volvo","BMW"]; 
    document.getElementById("abc").autocomplete.list=cars; 
</script> 

... JQuery를 사용하지 않고 ... 아마 기능의 꿈일까요?

아무도는 지금까지 :)

의견 제안으로
+4

'HTML5 datalist' –

+0

왜 당신은 좋은 거래를하고 싶은 것 lib가 이미 존재할 때 자신 만의 커스텀 자바 스크립트를 작성하는 코딩. 다음은 JSON 데이터의 10M 파일을 검색하는 검색 결과의 div를 관리하는 자동 완성의 예입니다. [MedaSearch] (https://github.com/alexmac131/mediaData) – alexmac

답변

2

시도 할 수 없습니다 말했다 HTML5의 datalist

<input type="text" id="country" list="someCountries" /> 
<datalist id="someCountries"> 
    <option label="United Stated" value="USA"></option> 
    <option label="United Kingdom" value="UK"></option> 
    <option label="Uruguay" value="URU"></option> 
    <option label="Brazil" value="BRA"></option> 
    <option label="Russia" value="RUS"></option> 
</datalist> 

More here

+1

이것은 내가 찾고있는 것입니다. 사악한! – Combinatix

+0

기꺼이 도와 드리겠습니다. – Amitd

+0

@Combinatix 그것이 당신을 위해 일했다면 받아 들일 수있는 대답을 표시해 주실 수 있습니까? – Amitd

관련 문제