2009-07-13 5 views
0

私は、ユーザーが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; 
     */ 
    }); 

注:私は今

  1. とき1.3.2.min.js jqueryのを使用しています私はコンソールの中で私のsearchtermを見るたびに、このようなsearchvalを記録する。しかし、文字を入力した後に私のAjaxリクエストのコメントを外すと、入力ボックスが空になります。
  2. 私のAjaxをコメントアウトして、私のsearchoxに手紙を追加するときに火かき棒を見ると、私のajaxリクエストの検索の価値は空に見えます。どうして?
  3. 提案された値を含むテキストボックスでドロップダウンリストを取得する方法。私がajaxリクエストから返す値はOKであると仮定します。私はいくつかのいずれかが私を助けることができると思いますLink to tutorial

    :(??私はおそらくHTMLオブジェクトに値を追加するためにニート、しかし、1つ、どのように)

これはすべて、このチュートリアルに基づいています。とにかくありがとう!

答えて

1

1.と2.の問題は文章 "return false;"に関連していると思います。あなたの機能の終わりに。それを削除して、やり直してください。反応のためのhttp://www.pengoworks.com/workshop/jquery/autocomplete.htm

+0

ありがとう:

オートコンプリートについては私はあなたが自転車を発明し、このようなオートコンプリートのプラグインを検索しないようにすることをお勧めします。私はプラグインを見回しました。 使い方が分かりにくいので、使いにくいです。 exmpleでは、どこにajaxリクエストのURLを指定しますか? – sanders

+0

その正確なプラグインのためには、ドキュメントがあります(ユーザーフレンドリーではありません):http://www.pengoworks.com/workshop/jquery/autocomplete_docs.txt このように使用します: $( "#searchfield ").autocomplete(" ajax_handler.php "); ? は、Q =テスト後、ドキュメントの自動補完に応じajax_handler.phpを要求します、あなたは、「テスト」で入力したと仮定しようと応答は、単一のライン上の要素それぞれが含まれている必要があり、同様: テスト 新約聖書 テスト ので、 on ... これは役に立ちます。 – algiecas

関連する問題