我已经尝试了一段时间,但我似乎无法让jQuery自动完成工作。我有一个搜索框,我希望启用自动填充,称为#searchBox
。我有以下jQuery代码:
$(function(){
$("input, textarea, select, button").uniform();
$('#searchPost').submit(function(event) {
if ($(this).find('#searchBox').val() == '') {
event.preventDefault();
}
});
$("#searchBox").autocomplete({
source: "php/searchAC.php"
});
});
第一部分表示我的表单,第二部分不允许搜索表单提交,如果有空字段,最后一部分是自动完成。这是php / searchAC.php:
<?php
session_start();
$con = mysql_connect("localhost","foo","bar");
mysql_select_db("coupons", $con);
$currentZone = $_SESSION["zoneSelected"];
$results = mysql_query("SELECT id,retailerName,savingsDetails,dateExp FROM coupons WHERE retailerName LIKE '%" . $_GET['term'] . "%' OR description LIKE '%" . $_GET['term'] . "%' AND dateExp > CURDATE() AND zone='$currentZone' AND approved <> 0");
$printResults = array();
while($row = mysql_fetch_array($results))
{
$printResults[] = $row;
}
echo json_encode($printResults);
?>
我拥有所有正确的jQuery UI样式表和文件头部中包含的文件。当我运行它时,它不会显示任何表明启用了自动完成的行为。我是jQuery的新手,所以我可能错过了一些简单的事情。有帮助吗?
答案 0 :(得分:0)
我认为你的autocompelte的语法看起来不对...
尝试:
$("#searchBox").autocomplete("php/searchAC.php");
来自http://docs.jquery.com/Plugins/Autocomplete/autocomplete#url_or_dataoptions
不确定从哪里获取语法。
这个小提琴(http://jsfiddle.net/2qcUT/)在您输入框时会出现404错误,因为它试图在自动填充中点击该网址。我没有用你的语法得到这个。