Jquery 引导式Typeahead下拉列表BR标记
我正在使用引导Typeahead功能来预测输入框中的文本 我想知道在下拉列表中(显示预测结果),我可以在两行上显示每个下拉项目。假设我试图在组织之间进行预测性搜索,但我还想显示组织的总裁。我该怎么做呢 我试图在下面的代码中解决这个问题。它在两行上显示下拉项,显示组织和总裁。但是,当我选择其中一个下拉列表时,“BR标记”将显示在我的输入文本字段中。我该如何解决这个问题?谢谢Jquery 引导式Typeahead下拉列表BR标记,jquery,typeahead,bootstrap-typeahead,Jquery,Typeahead,Bootstrap Typeahead,我正在使用引导Typeahead功能来预测输入框中的文本 我想知道在下拉列表中(显示预测结果),我可以在两行上显示每个下拉项目。假设我试图在组织之间进行预测性搜索,但我还想显示组织的总裁。我该怎么做呢 我试图在下面的代码中解决这个问题。它在两行上显示下拉项,显示组织和总裁。但是,当我选择其中一个下拉列表时,“BR标记”将显示在我的输入文本字段中。我该如何解决这个问题?谢谢 <?php $db = new mysqli('localhost', 'root' ,'', 'test'); $
<?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>
var受试者=;
$(#search').typeahead({来源:subjects,items:6})
检查此项
您需要使用更新程序这里有一个JSFIDLE显示我的问题。