Ajax实时搜索框

下面是html和javascript代码:

    $('document').ready(function(){
    $('input.typeahead').typeahead({
        name: 'typeahead',
        remote:'livesearch.php?key=%QUERY',
        limit : 10
    });
});

<html>
  <head>
    <title>Ajax Search Box using PHP and MySQL</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">        </script>
     <script src="typeahead.js"></script>
    </head>
    <body>
     <input type="text" name="typeahead">
</body>
</html>

php文件包含:

$key=$_GET['key'];
$array = array();
$query = $db->query(" SELECT * from product WHERE ProductName LIKE '%{$key}%' ") or die (mysql_error());
while($row = $query->fetch())
{
$array[] = $row['ProductName']; 
}
echo json_encode($array);

php工作得很好。但是我无法在输入框中输入文本

使用

$('input[name=typeahead]')

将typeahead函数应用于输入元素

相关内容

最新更新

热门标签：