自动完成文本框JQuery PHP MySQL
我指的是 我的页面被分割成不同的PHP模板。代码如下: Header.php自动完成文本框JQuery PHP MySQL,php,jquery,Php,Jquery,我指的是 我的页面被分割成不同的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> &l
<!-- 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>
主页
此页面存在于内部
普亚名字
在body标记结束之前,我已经在主页的末尾包含了脚本代码
<script>
$(document).ready(function(){
$("#poojaName").autocomplete("autocomplete.php", {
selectFirst: true
});
});
</script>
$(文档).ready(函数(){
$(“#poojaName”).autocomplete(“autocomplete.php”{
selectFirst:true
});
});
autocomplete.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>
此页面存在于内部
我分别测试了autocomplete.php,它返回结果集。我想我在JQuery或其他地方犯了一些错误
请提供建议。只需查看以下内容:
当您使用
autocomplete.php
填充pooja列表时,您应该使用Ajax
将列表引入php
文件,最好使用json\u encode
回传数组。看看这里,看看如何将PHP数组编码为JSON。看看这里:
当您使用
autocomplete.php
填充pooja列表时,您应该使用Ajax
将列表引入php
文件,最好使用json\u encode
回传数组。在这里查看如何将PHP数组编码为JSON。还有其他资源吗?我使用的是引导CSS,解决方案有自己的CSS。我明白你在PHP中使用AJAX的意思。谢谢,还有其他资源吗?我使用的是引导CSS,解决方案有自己的CSS。我明白你在PHP中使用AJAX的意思。谢谢
<?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";
}
}
?>
$("#poojaName").autocomplete({
source: ["poojaOne","poojaTwo"."poojaThree"],
selectFirst: true
})