Bootstrap Typeaheadを使用しています-http ://twitter.github.com/bootstrap/javascript.html#typeahead機能を使用して、入力ボックスのテキストを予測します。
ドロップダウン(予測結果を表示)で、各ドロップダウン項目を2行で表示できるかどうか疑問に思いました。組織間の予測検索を試みているが、組織の社長も表示したいとします。どうすればこれを行うことができますか。
次のコードでこの問題を解決しようとしました。組織と社長の両方を示すドロップダウンアイテムが2行に表示されます。ただし、ドロップダウンの1つを選択すると、入力テキストフィールドに「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>