0

インデックスページのINDEX.htmlとPHPページのTEST.phpがあり、JavaScriptコードがオートコンプリートされています。

自動提案検索フィールドを作成しようとしています。

オートサジェスト出力が得られません。

のみNO RESULT FOUNDが表示されます。

http://code.drewwilson.com/entry/autosuggest-jquery-pluginに表示されるオートサジェストを機能させるために誰かが私を助けてください。

<link href="css/autoSuggest.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="jquery.autoSuggest.js" type="text/javascript"></script>
</head>
<body>
    <form id="form1" name="form1" method="post" action="">
        <label for="q"></label> <input style="width: 300px;" type="text"
            name="q" id="q" />
        <script type="text/javascript">  
     $(document).ready(function(){      
     $("input[type=text]").autoSuggest("test.php",{minChars: 2, matchCase: false});});  
     </script>
    </form>
</body>
</html>

PHPは次のよ​​うになります。

<?php include("script/core/dbcon.php");  
 $input = $_REQUEST['q'];  
 $data = array();  
 // query your DataBase here looking for a match to $input  
 $query = mysql_query("SELECT * FROM user WHERE username LIKE '%$input%'");  
 while ($row = mysql_fetch_assoc($query)) {  
 $json = array();  
 $json['value'] = $row['id'];  
 $json['name'] = $row['username'];  
 $data[] = $json;  
 }  
 header("Content-type: application/json");  
echo json_encode($data);  
 ?>
4

1 に答える 1

1

jQuery には、同じことを行う AutoComplete メソッドがあります。

また、交換する必要があります

$("input[type=text]").auto----

と

$("#q").auto-----
于 2012-05-08T16:34:13.587 に答える