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

时间:2012-02-12 13:49:11

标签: jquery jquery-plugins autocomplete

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

如果用户点击这些标题时如何防止出现问题?

1 个答案:

答案 0 :(得分:0)

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