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>
這是顯示我的問題的jsfiddle。 http://jsfiddle.net/3dcbW/1/ – sifxtreme