關於自動填充搜索條件的幾個問題

我試圖讓我的最終用戶通過自動填充搜索框在用戶通過使用ajax調用鍵入單詞時搜索我的網站。關於自動填充搜索條件的幾個問題

現在首先我會告訴你我的代碼，然後我會添加我有的問題。

下面是HTML：

<input type="text" id="searchfield" name="q" >

而jQuery的：

jQuery("#searchfield").keypress(function(e){ 
     var searchval = jQuery("#searchfield").val();  
     console.log(searchval); 

     /* 
     jQuery.ajax({ 
      type: 'POST', 
      url: 'ajax_handler.php', 
      dataType: 'json', 
      data: { 
       search: searchval 
      }, 
      succes: function(data){ 
       console.log("good"); 
       console.log(data.msg); 
      }, 
      error: function(data){ 
       console.log("error"); 
      } 

     }); 
      return false; 
     */ 
    });

注：我使用jQuery現在，當1.3.2.min.js

每次我在控制檯中看到我的searchterm時，我都會記錄searchval。但是，當我輸入一個字母后取消註釋我的ajax請求，我的輸入框變空了。
當我注意到我的ajax，並在向我的searchox添加一個字母時查看螢火蟲，我的ajax請求中的搜索值似乎爲空。怎麼來的？
如何通過包含建議值的文本框獲取下拉列表。假設我從ajax請求返回的值是可以的。（我大概NEET的值添加到HTML對象，但哪一個，以及如何？）

這一切都是基於這個教程：Link to tutorial

我希望有人能幫助我。不管怎麼說，還是要謝謝你！

來源

2009-07-13 sanders

我認爲1.和2.的問題與句子「return false;」有關在你的函數結束時。刪除並重試。

至於自動完成，我建議你不要去發明自行車和搜索自動完成插件像這樣的：http://www.pengoworks.com/workshop/jquery/autocomplete.htm

來源

2009-07-13 12:04:47 algiecas

謝謝你的反應。我已經四處尋找插件。我發現它們很難使用，因爲它從來沒有給出清楚的方式如何使用。例如，我在哪裏給ajax請求的網址。 – sanders 2009-07-13 13:26:35

關於自動填充搜索條件的幾個問題

回答

相關問題