[Jquery] 자동완성:autocomplete 기능 구현하기 (검색, 문자열 자동완성)

류명운

2015. 11. 28. 05:03

autocomplete

: (컴퓨터) 오토컴플리트하다 ((첫 한 자를 입력하기만 하면 이어지는 문자열을 자동적으로 표시하는))

웹 기말 프로젝트를 진행하는데 검색어 자동완성 기능이 필요하게 되어 구현방법을 알아보도록 하겠습니다.

1) 우선 아래의 Autocomplete.zip 샘플 파일을 다운 받아 압축을 풀어줍니다.

2) 압축을 푼 폴더안의 jquery 폴더를 구현하실 웹 프로젝트 폴더로 옮겨 줍니다.

3) html 파일의 <head> 부분에 다음 내용을 추가하여 줍니다.

4) <body> 부분에 다음 내용의 형식처럼 추가하여 사용합니다.

<적용 결과>

* 글자 순서대로 검색: matchContains: true

* 입력한 글자가 들어간 모든 검색어를 보여주기: matchContains: false

* 내 프로젝트에 적용하기

[Eclipse][DB Error] 전방향 전용 결과 집합에 부적합한 작업이 수행되었습니다 : last 해결방법 (0)	2015.11.30
[oracle dbcp] 오라클DB 커넥션풀 설정하기 (2)	2015.11.29
[Eclipse][DB Error] HTTP Status 500 - javax.servlet.ServletException: java.lang.AbstractMethodError: oracle.jdbc.driver.OracleConnection.isValid(I)Z (0)	2015.11.27
[Eclipse][error] The superclass "javax.servlet.http.HttpServlet" was not found on the Java Build Path 해결 방법 (2)	2015.11.27
한국성서대학교 15년도 2학기 14주차 묵상지[한국성서대 묵상지] (0)	2015.11.24

명우니닷컴