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'jQuery | javascript | CSS' 카테고리의 다른 글
| 자바스크립트 팝업창 두개 이상 열기 막기 (0) | 2011.07.05 |
|---|---|
| 88.jQuery - Uplodify : 업로드 기능 (14.Module ) (0) | 2009.11.19 |
| 86.jQuery - Rotator (14.Module ) (0) | 2009.11.19 |
| 85.jQuery - Carousel (14.Module ) (0) | 2009.11.19 |
| 84.jQuery - ToolTip : 도움말/풍선말 (13.Sample ) (0) | 2009.11.18 |
Comments