JQuery) 자동 완성 기능(autocomplete)

html의 input태그에 자동완성 기능을 추가해 보았다.

$("#company_name").autocomplete({  //오토 컴플릿트 시작
    source: company_list,  // source는 data.js파일 내부의 List 배열
    focus: function (event, ui) { // 방향키로 자동완성단어 선택 가능하게 만들어줌
        return false;
    },
    minLength: 1,// 최소 글자수
    delay: 100,    //autocomplete 딜레이 시간(ms)
    //disabled: true, //자동완성 기능 끄기
});

위 코드를 넣을때 꼭 추가해 주어야 할 것이 있다.

 

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

바로 JQuery ui링크 추가!