自动完成的文本框的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或其他地方犯了一些错误。
请指教。
答
就在这里看看: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。
还有其他资源吗?我使用Bootstrap CSS,并且该解决方案具有自己的CSS。我明白了使用PHP的AJAX的重要性。谢谢 – Rajiv