使用 href 使 bootstrap typeahead 搜索可点击

Question

我想添加一个带有与标题关联的 id 的 href "post.php?id=x"。

这是我的代码：-

HTML：

<input type="text" id="name" class="search" autocomplete="off" data-provide="typeahead" placeholder="search">

javascript：

$(document).ready(function(){

 $('#name').typeahead({
  source: function(query, result)
  {
   $.ajax({
    url:"search.php",
    dataType:"json",
    success:function(data)
    {
     result($.map(data, function(item){
      return item;
     }));
    }
   })
  }
 });

});

php - sql:

$array = array();
$query = $bdd->prepare("SELECT title, post_id FROM post");
$query->execute();

while($row = $query->fetch())
{
    $array[] = $row['title'];
}
echo json_encode($array);

我尝试了在 stackoverflow 上找到的所有内容，但没有任何效果。请问我该怎么做？

Answer 1

我不完全理解你的问题，请描述更多，但是 我建议你添加<form action="post.php?id=x"> 和</form>
因此，您的 HTML 标记（可以是 .php）应如下所示：

<form method="POST" acion="post.php?id=x"/> <!-- here you can echo ID from session -->
<input type="text" id="name" class="search" autocomplete="off" data-provide="typeahead" placeholder="search" />
<input type="submit" value="Search!" />
</form>

顺便说一句，如果您不想用真实 ID 替换 post.php?id=x，例如 post.php?id=84，您可以将 <form> 中的 x 替换为 <?php echo $id; ?>
当然，您必须添加一些定义 $id 的 PHP，但正如我所说，我不明白您的整个问题，请详细描述一下，以便我们为您提供帮助。
我希望它有所帮助，:)
谢谢，
奥利弗