JQuery UI 텍스트필드 자동완성 autocomplete

jQuery UI 텍스트필드 자동완성 autocomplete

1 예시

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<script>
$(function() {
	var languages = [
		"ActionScript", "AppleScript", "Asp","BASIC", "C",
		"C++", "Clojure", "COBOL", "ColdFusion", "Erlang",
		"Fortran", "Groovy", "Haskell", "Java", "JavaScript",
		"Lisp", "Perl", "PHP", "Python", "Ruby",
		"Scala", "Scheme"
	];

	$( "#my-language" ).autocomplete({
		source: languages
	});
});
</script>

프로그래밍 언어: <input id='my-language' type='text'>

→ b를 입력하면 b가 포함된 모든 항목들(BASIC, COBOL, Ruby)이 출력됨

→ ja를 입력하면 ja가 포함된 모든 항목들(Java, JavaScript)이 출력됨

2 같이 보기

• HTML input 태그

3 참고 자료

• https://jqueryui.com/autocomplete/