仕事でオートプロンプト機能を使用する必要があります。笑、私は JS の初心者なので、Baidu で検索したところ、jquery で開発されたオートコンプリート機能の .net バージョンとそのプラグインのオートコンプリートを見つけたので、それをダウンロードして php 版に変更し、テキストの上下選択のサポート、アップロード、共有などの機能を追加しました。これは純粋に物理的な作業です。 。 。 :) 1. jquery ライブラリをダウンロードします。URL: http://jquery.com/; 2. jquery オートコンプリート プラグインをダウンロードするか、添付ファイルに含まれているファイルを直接使用します。テキストの上下選択をサポートし、中国語の文字化けを解決するには、ファイル内の encodeURI をエスケープに変更し、keydown を keyup に変更するという問題がネット上で指摘されています。上向き/下向きのサポートについては、添付ファイルを参照して以下のテキストを選択してください。 3. 以下は呼び出しコードです: auto.html コンテンツ:
🎜>
オートコンプリート テスト ;/head> "> $(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 warning("一致しません!"); 🎜>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(); ; } getindex.php コードをコピー
コードは次のとおりです:
$query = $db-> ;query("SELECT DISTINCT(shopname) FROM {$dbpre}shops WHERE shopname LIKE '%$keyWord%' GROUP BY shopname ORDER BY addtime DESC LIMIT 0,10");
if($query) { while ($result = $db->fetch_array($query)) { echo $result[' shopname']."n"; } } // js によって送信されたデータを変換します。 function js_unescape($str) { $ret = ''; $len = strlen($str); for ($i = 0; $i < $len; $i ) { if ($str[$i] == ' %' && $str[$i 1] == 'u') { $val = hexdec(substr($str, $i 2, 4)); if ($val < 0x7f) $ret .= chr($val); else if($val <0x800) $ret .= chr(0xc0|($val>6)).chr(0x80|($val&0x3f) ); else $ret .= chr(0xe0|($val>>12)).chr(0x80|(($val>>6)&0x3f)).chr(0x80|($val&0x3f)) ; $i = 5; } else if ($ str[$i] == '%') { $ret .= urldecode(substr($str, $ i, 3)); $i = 2; else $ret .= $str[$i]; return $ret; >?> 添付ファイルは次のとおりです: http://xiazai.jb51.net/200912/yuanma/jquery_autocomplete_php.rar