无法使jQuery自动完成工作

时间:2011-03-07 17:59:22

标签: jquery autocomplete

我已经尝试了一段时间,但我似乎无法让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的新手,所以我可能错过了一些简单的事情。有帮助吗?

1 个答案:

答案 0 :(得分:0)

我认为你的autocompelte的语法看起来不对...

尝试:

$("#searchBox").autocomplete("php/searchAC.php");

来自http://docs.jquery.com/Plugins/Autocomplete/autocomplete#url_or_dataoptions

不确定从哪里获取语法。

这个小提琴(http://jsfiddle.net/2qcUT/)在您输入框时会出现404错误,因为它试图在自动填充中点击该网址。我没有用你的语法得到这个。