2013-06-18 109 views
1

我試圖創建一個類似於谷歌使用jQuery UI自動完成插件的網站搜索。問題是我的網站搜索字符串「[object Object]」而不是我單擊的值。每個選擇都會返回:「您搜索的」[object Object]「與任何產品都不匹配。」jQuery UI自動完成返回[對象對象]

<script> 
$(function() { 
    var availableTags = [ 
     "SEO", 
     "Responsive Web Design", 
     "Google Local", 
     "Twitter", 
     "Social Media", 
     "Web Design", 
     "What is Google Authorship", 
     "NFL", 
     "Contact Advanced IFX", 
     "Search Engine Optimization", 
     "Kevin Sullivan", 
     "Fantasy Football RB Rankings 2013", 
     "Fantasy Football", 
     "How to Buy Twitter Followers", 
     "Advanced IFX", 
     "Social Media Marketing", 
     "Advanced Marketing Trends", 
     "NFL Schedule 2013-2014 Season", 
     "Fantasy Football Breakdown", 
    ]; 
    $(".search_box").autocomplete({ 
     source: availableTags, 
     select: function (event, ui) { 
      var searchTerm = ui.item; 
      $('.search_box').val(searchTerm); 
      $('form.search').submit(); 
     } 
    }); 
}); 

+0

似乎做工精細這裏http://jsfiddle.net/j08691/JY6Sf/。你不應該需要'$('。search_box')。val(searchTerm);'雖然。 – j08691

+0

我拿了$('。search_box')。val(searchTerm);自動完成下拉菜單隻會執行搜索框中的字母。 EX:我開始搜索網頁設計,之後我只能在aurocomplete下拉菜單中看到網頁設計,但是當我點擊它時,它只搜索「w」。 – user2469885

+0

在小提琴中不會發生。您必須有其他有衝突的代碼。 – j08691

回答

0

保持線

$('.search_box').val(searchTerm); 

但前行更改爲

var searchTerm = ui.item.label; 

這將做到這一點。

看日誌這個小提琴的:http://jsfiddle.net/Ntb7G/

+0

我無法開始感謝你足夠的亞歷克斯。這幾個星期以來一直讓我瘋狂。你搖滾!無論如何,如果我能夠回報你的青睞,請讓我知道。這個網站很棒! – user2469885

+0

不客氣。很高興我們能看到它,直到最後! – musicnothing

相關問題