如何防止在选择时使用自动完成填充输入？

Question

我正在使用 devbridge jquery autocomplete plugin。我已将数据库中的两个表与 union 合并，并列出了如下搜索结果：

查询：出售

           ADVERTS
For Sale Vauxhall 10,000 EUR ID 13245
For Sale Volkswagen 12,000 EUR ID 13246
For Sale House 199,000 EUR ID 13247
          AD CATEGORIES
Cars For Sale (2 Cars in list)
House For Sale (1 House in list)

当用户点击“For Sale Vauxhall 10,000 EUR ID 13245”或“待售汽车（列表中有 2 辆汽车）”时，一切正常

但是，当用户点击“ADVERTS”或“AD CATEGORIES”时，输入填充如下：

"<center><b>ADVERTS</b></center>"

当用户将鼠标图标悬停在标题信息框中时，会出现包含标签的信息。

有没有办法防止这种情况发生？我已经尝试过该代码，但尽管它阻止了提交表单，但它并没有阻止填写输入：

onSelect: 
                function(value, data){ 
                        if(data!="title") {
                            $("input#data").val(data).show(); 
                            $("form#autocomplete").submit();  
                        } else {
                            return false;
                        }
                },

当用户点击这些标题时如何防止某些事情发生？

Answer 1

如果您正在寻找支持类别的自动完成插件，请查看 jQuery UI：http://jqueryui.com/demos/autocomplete/#categories。