自動完成TextBox JQuery PHP MySQL

Question

我一直指的是使用JQuery，PHP，MySQL的Auto Complete Text Box

我的頁面分為各種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。