1

我正在使用 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>

4

1 回答 1

0

检查这个http://www.webmaster-source.com/2012/11/07/getting-more-from-twitter-bootstraps-typeahead-library/

您需要使用更新程序

于 2013-01-24T03:32:57.527 回答