ホームページ >ウェブフロントエンド >jsチュートリアル >Jquery は Baidu を模倣し、Google_jquery で検索するときに検索結果プロンプトを自動的に追加します

Jquery は Baidu を模倣し、Google_jquery で検索するときに検索結果プロンプトを自動的に追加します

WBOY
WBOYオリジナル
2016-05-16 17:06:491215ブラウズ

良いプログラムとは、怠け者が好むプログラムです。優れたプログラマは怠惰なプログラマです。昨日、Baidu や Google の検索を模倣したときに検索結果を自動的に補充するための 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: function (row ) {
return row.name;
},
formatMatch: function ( row) {
return row.name;
formatResult: function (row) {

}
});




コードをコピー

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。