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文件中，最好使用{{1}回显数组}}。看看http://php.net/manual/en/function.json-encode.php，看看如何将PHP数组编码为JSON。

自动完成TextBox JQuery PHP MySQL

1 个答案: