2012-02-12 219 views
0

我正在使用devbridge jquery autocomplete plugin。我已經聯合與聯盟databes兩個表,我已經上市的類似這樣的搜索結果:如何防止使用自動填充選擇填充輸入?

查詢:銷售

  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) 

的事情是,當用戶點擊「出售它的確定沃克斯豪爾10000歐元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; 
         } 
       }, 

如何防止事情發生,當用戶點擊這些標題?

回答

1

如果您正在尋找支持類別的自動完成插件,請查看jQuery UI:http://jqueryui.com/demos/autocomplete/#categories

+0

我不想使用jquery.ui,因爲它的成本約爲200kbs,但devbridge插件約爲10 kbs – motto 2012-02-12 14:05:38

+0

您不必使用jQuery UI的全部。查看http://jqueryui.com/demos/autocomplete/categories.html的來源。您只需要http://jqueryui.com/ui/jquery.ui.core.js, http://jqueryui.com/ui/jquery.ui.widget.js, http://jqueryui.com/ui /jquery.ui.position.js和 http://jqueryui.com/ui/jquery.ui.autocomplete.js。 縮小這些,我會下注該插件的20 KB以下。 – verve 2012-02-12 14:36:28

+0

我採取了你的建議,但它會導致更多的問題:http://stackoverflow.com/questions/9252312/how-to-search-onclick-like-googles-autosuggest-with-jqueryui – motto 2012-02-12 20:20:30