自动完成文本框 JQuery PHP MySQL

Question

我一直在指Auto Complete Text Box using JQuery, PHP, MySQL

我的页面被分割成各种 PHP 模板。下面是代码：

Header.php

<!-- JQuery AutoComplete CSS -->
<link href="../css/jquery.autocomplete.css" rel="stylesheet">

<!-- JQuery JS -->
<script type="text/javascript" src="../js/jquery.js"></script>

<!-- JQuery AutoComplete JS -->
<script type="text/javascript" src="../js/jquery.autocomplete.js"></script>

主页 这个页面存在于http://localhost/booking/mainpage.php

<tr>
<td class="col-md-4"><label class="control-label">Pooja Name</label></td>
<td class="col-md-8"><input type="text" name="txtPoojaName" id="poojaName" class="form-control" placeholder="Enter Pooja Name"></td>
</tr>

我已将脚本代码包含在正文标记结束之前的主页中。

 <script>
 $(document).ready(function(){
  $("#poojaName").autocomplete("autocomplete.php", {
        selectFirst: true
  });
 });
</script>

autocomplete.php

这个页面存在于http://localhost/booking/autocomplete.php中

    <?php
    $q=$_GET['q'];
    $my_data=mysql_real_escape_string($q);
    $dbc=mysqli_connect('localhost','root','pass@1234','srkbs') or die("Database Error");
    $sql="select distinct poojaname from v_poojadetails where poojaname like '%$my_data%' order by poojaname";
    $result = mysqli_query($dbc,$sql) or die(mysqli_error());
    //echo mysqli_num_rows($result);
    if($result)
    {
        while($row=mysqli_fetch_array($result))
        {
            echo $row['PoojaName']."\n";
        }
    }
?>

我已经单独测试了 autocomplete.php，它返回了结果集。我想我在 JQuery 或其他地方犯了一些错误。

请指教。

Answer 1

看看这里：http://jqueryui.com/autocomplete/

 $("#poojaName").autocomplete({
        source: ["poojaOne","poojaTwo"."poojaThree"],
        selectFirst: true
 })

当您使用 autocomplete.php 填充您的 pooja 列表时，您应该使用 Ajax 将列表带入您的 PHP 文件中，您最好使用 json_encode 回显一个数组。在这里查看http://php.net/manual/en/function.json-encode.php，了解如何将 PHP 数组编码为 JSON。