如何防止使用自动完成功能填写select上的输入？

Question

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

查询:待售

           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。