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

Question

我正在使用 devbridge jquery 自动完成插件。我已将数据库中的两个表与 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)

事情是，当用户单击“待售沃克斯豪尔 10,000 欧元 ID 13245”或“待售汽车（列表中的 2 辆车）”时就可以了）”

但是，当用户单击“广告”或“广告类别”时，输入如下所示：

"<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 。