自动完成的文本框的JQuery PHP MySQL的

我已经提到Auto Complete Text Box using JQuery, PHP, MySQL 自动完成的文本框的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','[email protected]','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或其他地方犯了一些错误。

请指教。

来源

2016-05-14 Rajiv

就在这里看看：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。

来源

2016-05-14 10:39:07 mithilatw

还有其他资源吗？我使用Bootstrap CSS，并且该解决方案具有自己的CSS。我明白了使用PHP的AJAX的重要性。谢谢 – Rajiv

自动完成的文本框的JQuery PHP MySQL的

回答

相关问题