2011-03-03 5 views
0

검색 제안 (예 : Google 검색) 종류의 기능을 구현해야하는 검색 텍스트 상자가 있습니다.제안 검색 캐시 javascript

내가 검색 상자에 "ABC"를 입력하면 예를 들어, 내가 얻을 것이다 여기
ABC데프
XYZABCXYZ

같은 제안이 각 고유 제안은 URL이 자바 스크립트 배열에서 "하드 코딩"될 수있는 JSP 페이지를 나타냅니다. 그래서 제안 된 값을 클릭하면 해당 링크의 웹 페이지가 표시됩니다.

이렇게하려면 효율적인 구현 방법을 제안 해주세요.
이 순수 자바 스크립트 등 JQuery와 같은 더 타사 libs와. 사전에

감사를 사용할 수 없습니다해야합니다.

+0

암시 검색 구현의 대부분은 AJAX와 서버 측 스크립트를 사용합니다. 하드 코딩 된 JS Array를 사용하는 것이 중요한 이유는 무엇입니까? – Shad

+0

AJAX를 사용 하시겠습니까? 아니면 페이지를로드 할 때 하드 코딩 된 JS 배열을 PHP 등으로 작성 하시겠습니까? –

+0

이 경우 추천 드롭 다운에 표시 될 값 목록은 이전에 알려 졌으므로 변경되지 않습니다. – kanap008

답변

1

은 데이터를 가정하면,이

var locationArray = { 
    'searchValue1' : 'url1', 
    'searchValue2' : 'url2', 
     ... 
}; 

associative JS array 유사한이고 검색 입력 필드 onkeyup

<input type="text" onkeyup="UpdateSuggestions(this);"> 

연관된 함수 다음 나머지 JavaScript string functions 간단있다.