Question

我正在使用jquery autocomplete下拉列表来搜索我的搜索模块。

当首先搜索某个搜索时，它会显示该关键字的相关类别，然后显示项目。我想要的是在下拉列表中显示类别之前在下拉框中添加一个名为＆＃34; categories＆＃34;对于项目＆＃34;项目＆＃34;

使用json

加载数据

$query="SELECT b.title AS `value`, b.title AS `label`, b.id AS `cat_id`, b.metakey AS `desc`


$db->setQuery ( $query );

// Load the results as a list of associated arrays.
$results = $db->loadAssocList ();

echo json_encode ( $results );

请建议。

Answer 1

直接从jQuery UI自动完成文档复制：

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" rel="stylesheet"/>
<label for="search">Search: </label>
<input id="search">

要将其合并到代码中，您可能希望通过ajax加载JSON，向PHP脚本发送GET请求，然后使用返回的数据创建自动完成窗口小部件（用响应数据替换源数据）。如下所示：

$.get("http://yourURL.com",function(responseData){
    $( "#search" ).catcomplete({
        delay: 0,
        source: $.parseJSON(responseData)
    });
});

如何将标签添加到自动完成下拉列表

1 个答案: