Как связать результаты поиска Typeahead с другой страницей

Я только что установил Twitter Typeahead (старая версия 0.9.3).

Прямо сейчас он ссылается на страницу search.php, которая запрашивает базу данных MySQL для получения результатов. Он получает нужные мне результаты, однако, когда я выбираю результаты, я не могу понять, как передать идентификатор или другую информацию для создания ссылки на другую страницу.

Вот функция на странице HTML, которая вызывает страницу search.php:

<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. Я не могу просто нажать стрелку вниз и нажать Enter, чтобы выбрать ответ (его нужно щелкнуть мышью)
  3. and even if it is clicked with the mouse, I can see the whole

Любые идеи о том, что я могу сделать здесь?


person DMort    schedule 30.06.2016    source источник
comment
Есть идеи, что я могу здесь сделать? Да, во-первых, не используйте твиттер-шрифт заранее. Он заброшен, больше не поддерживается, у него 250 проблем, некоторые из них очень серьезные в отношении базового поведения и серьезных ошибок. Вместо этого я бы рекомендовал github.com/bassjobsen/Bootstrap-3-Typeahead.   -  person davidkonrad    schedule 01.07.2016
comment
Спасибо за информацию! я   -  person DMort    schedule 02.07.2016


Ответы (1)


Не используйте twitter typehead. Он заброшен, больше не поддерживается, у него 250 проблем, некоторые из них очень серьезные в отношении базового поведения и серьезных ошибок. Вместо этого я бы рекомендовал github.com/bassjobsen/Bootstrap-3-Typeahead.

person DMort    schedule 02.07.2016
comment
Я решил сообщить любому будущему посетителю, что Twitter typeahead на самом деле поддерживается CoreJS по адресу github.com/corejavascript/typeahead.js. - person Mackan; 10.12.2017