2013-01-23 158 views
1

我正在使用Bootstrap Typeahead - http://twitter.github.com/bootstrap/javascript.html#typeahead功能來預測輸入框中的文本。Bootstrap Typeahead Dropdown BR Tags

我在下拉列表中想知道(顯示預測結果),我可以在兩行顯示每個下拉菜單項。假設我試圖在各組織之間進行預測性搜索,但我也想展示本組織的主席。我將如何去做這件事。

我試圖在下面的代碼中解決這個問題。它顯示兩行顯示組織和總統的下拉項目。但是,當我選擇其中一個下拉列表時,「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> 

+0

這是顯示我的問題的jsfiddle。 http://jsfiddle.net/3dcbW/1/ – sifxtreme

回答