> 웹 프론트엔드 > JS 튜토리얼 > Jquery 자동 완성 플러그인의 PHP 버전(자동 완성) application_jquery

Jquery 자동 완성 플러그인의 PHP 버전(자동 완성) application_jquery

WBOY
풀어 주다: 2016-05-16 18:39:20
원래의
1016명이 탐색했습니다.

작업에 자동 프롬프트 기능을 써봐야겠네요 ㅎㅎ js초보라서 바이두에서 검색해보니 jquery로 개발된 자동 완성 기능과 그 플러그인 자동 완성 기능이 .net 버전으로 있어서 찾아봤습니다. 그것을 다운로드하여 PHP 버전으로 변경하고 텍스트 위/아래 선택 지원, 올려 놓고 공유하는 등의 기능을 추가했습니다. 이는 순전히 물리적인 작업입니다. . . :)
1. jquery 라이브러리를 다운로드하세요. URL: http://jquery.com/
2. jquery 자동 완성 플러그인을 다운로드하거나 첨부 파일에 제공된 파일을 직접 사용하세요. 텍스트의 위/아래 선택을 지원하고 한자 깨짐을 해결하기 위해 온라인에서 한자 깨짐 해결 문제가 언급되었는데, 이는 파일의 encodeURI를 이스케이프하도록 변경하고 키다운을 키업으로 변경하는 것입니다. 상향/하향 지원은 아래 텍스트를 참조하여 선택하세요.
3. 호출 코드는 다음과 같습니다.
auto.html 내용:

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






🎜>
자동 완성 테스트 ;/head>


<스크립트 언어="javascript ">
$(document).ready( function() {
$("#search").autocomplete(
"getindex.php",
{
delay:10,
minChars:1,
matchSubset:1 ,
matchContains:1,
cacheLength:10,
onItemSelect:selectItem,
onFindValue:findValue,
formatItem:formatItem,
autoFill:false
}
) ;
})
function findValue(li) {
if( li == null ) return Alert("일치하지 않음!"); 🎜>if( !!li.extra ) var sValue = li.extra[0];
else var sValue = li.selectValue;
}
function selectItem(li) { findValue(li);}
function formatItem(row) { return row[0 ];//return row[0] " (id: " row[1] ")"//row[1]이 다른 매개변수와 함께 호출되면 해당 출력은 형식은 Sparta|896
}
function lookupAjax() {
var oSuggest = $("#search")[0].autocompleter;
oSuggest.findValue()
return false ;
}




getindex.php


코드 복사
require_once './include/common.inc.php';
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿