如何将 Typeahead 搜索结果链接到另一个页面

Question

我刚刚安装了 Twitter Typeahead（旧版本 0.9.3）。

现在它链接到一个 search.php 页面，该页面查询 MySQL 数据库以获取结果。它得到了我需要的结果，但是，当我选择结果时，我不知道如何传递 ID 或其他信息来创建指向另一个页面的链接。

这是调用 search.php 页面的 HTML 页面中的函数：

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

然后调用 search.php 正确查询数据库并得到我需要的结果：

<?php
$key=$_GET['key'];
$array = array();
$con=mysql_connect("hostname","username","password");
$db=mysql_select_db("databasename",$con);
$query=mysql_query("select * from customers where clientDisplayName  LIKE '%{$key}%' OR clientPhNumber  LIKE '%{$key}%' OR clientAltPhNumber LIKE '%{$key}%'");
while($row=mysql_fetch_assoc($query))
{
  //$array[] = "<a href='customer-details.php?cid=".$row['id'] ."'><tr><td>" . $row['clientDisplayName'] . "</tr></td></a>";
  $array[] = $row['clientDisplayName'];
}
echo json_encode($array);
?>

你可以在那里看到评论，如果我使用它而不是未评论的数组，它将根据我的需要创建一个链接，但是..那样有问题。
我的意思是越野车：

1. 我必须单击实际文本而不是结果行中的任何位置
2. 我不能简单地向下箭头并按回车键来选择响应（必须用鼠标单击）
3. 即使用鼠标点击也能看到整体

关于我可以在这里做什么的任何想法？

Answer 1

不要使用 twitter 预输入。它被废弃，不再维护，它有 250 个问题，其中一些关于基本行为和严重错误非常严重。我会推荐 github.com/bassjobsen/Bootstrap-3-Typeahead。