Я использую Bootstrap Typeahead — http://twitter.github.com/bootstrap/javascript.html#typeahead для предсказания текста в поле ввода.
Мне было интересно, что в раскрывающемся списке (который показывает результаты прогнозирования) я могу отобразить каждый из раскрывающихся элементов в двух строках. Предположим, я пытаюсь выполнить упреждающий поиск между организациями, но я также хочу отобразить президента организации. Как бы я это сделал.
Я попытался решить эту проблему в следующем коде. Он отображает раскрывающиеся элементы в двух строках, показывающих как организацию, так и президента. Однако, когда я выбираю один из раскрывающихся списков, в моем текстовом поле ввода появляется «тег BR». Как мне это исправить? Спасибо
<?php
$db = new mysqli('localhost', 'root' ,'', 'test');
$query = $db->query("SELECT name,leader FROM organizations");
$orgs = array();
while($row = $query->fetch_array(MYSQLI_ASSOC)){
$orgs[] = $row['name'].'<br />'.$row['leader'];
}
$js_orgs = json_encode($orgs);
if($_POST){
print_r($_POST);
}
?>
<html>
<head>
<link href="bootstrap.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form method="post" action="demo.php">
<input name="org" type="text" class="span3" id="search" />
<input type="submit" value="Submit" />
</form>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="bootstrap.min.js"></script>
<script>
var subjects = <?php echo $js_orgs; ?>;
$('#search').typeahead({source: subjects, items:6})
</script>