使用href使Bootstrap提前搜索可点击

时间:2019-01-19 14:56:27

标签: javascript twitter-bootstrap twitter-bootstrap-3 typeahead.js

我想添加一个带有与标题关联的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上找到的所有内容,但没有任何效果。我该怎么办?

1 个答案:

答案 0 :(得分:0)


我无法完全理解您的问题,请多描述一下 我建议您添加<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,则可以将x中的<form>替换为<?php echo $id; ?>
当然,您必须添加一些定义$ id的PHP,但正如我所说,我不理解您的全部问题,请对其进行详细描述,以便我们为您提供帮助。
希望对您有所帮助,:)
谢谢
奥利弗