>웹 프론트엔드 >JS 튜토리얼 >Jquery는 Baidu를 모방하고 Google_jquery에서 검색할 때 자동으로 검색 결과 프롬프트를 추가합니다.

Jquery는 Baidu를 모방하고 Google_jquery에서 검색할 때 자동으로 검색 결과 프롬프트를 추가합니다.

WBOY
WBOY원래의
2016-05-16 17:06:491207검색

좋은 프로그램은 게으른 사람들이 좋아하는 프로그램이다. 좋은 프로그래머는 게으른 프로그래머이다. 어제 바이두와 구글 검색을 모방할 때 검색 결과를 자동으로 보충하는 Jquery의 프롬프트를 연구했는데 효과가 꽤 좋은 것 같아요. 특별히 여러분과 공유합니다. 필수 Jquery 플러그인. 코드를 보세요:

코드 복사 코드는 다음과 같습니다:

<스크립트 유형 ="text/ javascript">
$().ready( function () {

$(":text").result(auto);

function auto(data ){
$("#keyWord").val(data.name);
}

$("#keyWord").autocomplete(obj, {//obj는 데이터 개체입니다. array Json
minChars: 0, //자동 완성이 활성화되기 전에 채워야 할 최소 문자를 나타냅니다.
max: 5, //목록의 항목 수를 나타냅니다.
autoFill: true, //나타냅니다. 자동 채우기
mustMatch: false , //텍스트 상자에 입력된 내용이 데이터 매개변수의 데이터여야 함을 나타냅니다. 일치하지 않으면 텍스트 상자가 지워집니다.
matchContains: true, //일치 항목이 포함되어 있음을 나타냅니다. 이는 퍼지 일치와 동일합니다.
scrollHeight: 200, //목록 표시 높이를 나타냅니다. 기본 높이는 180입니다.

formatItem: 함수(행 ) {
return row.name;
},
formatMatch: 함수(행) {
return row.name;
},
formatResult: 함수(행) {
return row.value;
}
})


jsp:

코드 복사 코드는 다음과 같습니다.

;/h4>
<테이블>
이름:



성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.