Как предотвратить заполнение ввода при выборе с автозаполнением?

Question

Я использую Devbridge JQuery плагин автозаполнения .Я объединил две таблицы в базах данных с объединением, и я перечислил результаты поиска следующим образом:

запрос: для продажи

           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 Vauxhall10 000 EUR ID 13245 "или" Cars For Sale (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: http://jqueryui.com/demos/autocomplete/#categories.