2013-12-18 53 views
0

我對jQuery的Ajax自動完成功能沒有什麼問題。Ajax jQuery自動完成功能 - 點擊開始搜索

您可以在這裏找到搜索功能: http://s500691824.online.de/new/index.php/en/。 本網站有一個搜索表單輸入。

當您輸入例如「top」時,您會看到自動完成列表中出現了一些關鍵字。

現在您可以選擇其中的一個,然後您必須再次單擊輸入才能開始搜索。 但我需要通過單擊其中一個自動填充建議來開始搜索的功能。

這是我的HTML代碼:

echo '<form method="post" action="" id="searchform">'; 
echo '<input id="search-searchword" class="inputbox suche-startseite" type="text" onfocus="if (this.value==\''.$search_text.'\') this.value=\'\';" onblur="if (this.value==\'\') this.value=\''.$search_text.'\';" value="'.$search_text.'" size="20" maxlength="20" name="searchword">'; 
echo '<input type="hidden" value="search" name="search_send">'; 
echo '</form>'; 

而這裏的jQuery:

jQuery('#search-searchword').autocomplete({ 
    lookup: keywords, 
    minChars:3, 
    onSelect: function (suggestion) { 
     jQuery('.autocomplete-suggestion').click(function(e) { 
      jQuery('#searchform').submit(); 
     }); 
    } 
}); 

你知道我怎麼能解決這個問題?

回答

1
$("#search-searchword").autocomplete({ 
    source: keywords, 
    minLength: 3, 
    select: function(event, ui) { 
     $("#search-searchword").val(ui.item.label); //which ever u have name or label 
     $("#searchform").submit(); 
    } 
}); 

,如果你使用的是最新的jQuery,這應該工作

+0

我很抱歉,但是這並沒有幫助。 我使用了您的代碼,並將一行更改爲$(「#search-searchword」)。val(ui.item.searchword); (我使用了輸入字段的名稱)。 但沒有任何改變。 –