87.jQuery - AutoComplete : 텍스트 자동완성 (14.Module )
http://plugins.jquery.com/project/autocompletex 여기 페이지에 잘 보면 download 버튼 있음
파일을 다운 받아서 적용한 예제입니다.
| AutoComplete.htm |
|
<html xmlns="http://www.w3.org/1999/xhtml"> <head>
<title>텍스트박스 자동 완성 기능</title>
<link
href="Source/jquery-autocomplete/jquery.autocomplete.css"
rel="stylesheet"
type="text/css"
/>
<script
src="../../jQuery/jquery-1.3.2-vsdoc2.js"
type="text/javascript"></script>
<script
src="Source/jquery-autocomplete/jquery.autocomplete.js"
type="text/javascript"></script>
<script
type="text/javascript"> $(document).ready(function() { //샘플로 데이터 넣고 테스트 var
data = "ASP JSP PHP Ajax Silverlight JAVA
CSS".split(' '); $('#search').autocomplete(data);
});
</script> </head> <body> 상품검색 : <input type="text" id="search" /> </body> </html> |
| 결과화면 |
[그림87-1] |
AutoComplete.htm