2011-08-01 18 views
0

最終的にオートコンプリートボックスを実装しようとしています。今のところ私はphpアカデミーのリードに続きます。私は、何かが入力されたときに入力エリアの下に「ここに提案があります」とエコーアウトしたいだけです。私はファイルにする必要があります。 home.phpおよびcountry.phphomeには入力部分が含まれ、country.phpはダミーの提案テキストを出力します。今すぐ入力領域に入力すると何も起こりません。私は なぜこのJQuery/AJAX呼び出しが機能しないのですか?

home.phpがあるjquery v 1.6.2jquery-1.6.2.min.js

使用しています:

<html> 
<head> 
    <script type ="text/javascript" src ="jquery.js"></script> 
    <script type ="text/javascript"> 
    function getSuggestions(value){ 
    #.post("country.php", {countryPart:value}, function(data){ 
     $("#suggestions").html(data); 
     }); 

    } 
    </script> 

</head> 

<body> 
    <div id = "content_holder"> 
     <input type = "text" name="country" value= "" id = "country" onkeyup="getSuggestions(this.value);" /> 
     <div id ="suggestions"></div> 
    </div> 
    </body> 
</html> 

country.phpは.postの前に#を見たことがない

<?php 

echo "Suggestions Go Here"; 


?> 
+4

ジャバスクリプト/ HTMLの実行にチェックエラーのために "エラーのコンソール"(monzilla Firefoxでのctrl +シフト+ j)を使用することができますあなたは "#.post"ではなく "#.post"であると確信していますか? – Arief

+0

A typo? '$ .post'ではなく '#.post'ですか?そうでない場合は、Firebugにajaxコールが表示されますか? –

+0

フォーム要素が欠けていますか?これは間違ったHTMLを与えるはずです。 jQueryが気になるかどうか分かりませんが、厄介なことがあります... –

答えて

2

で作業している場合は、あなたが本当に使用している場合

4

です...使用してみてください$ .post

2
$.post 

not

#.post 

となります。

あなたはjqueryの

$.post("country.php", {countryPart:value}, function(data){ 
     $("#suggestions").html(data); 
}); 
0

を:)

$.post 

試してみるべきである

#.post 

を書きましたJQuery、あなたはを変更する必要がありますこれにコール:

$.post("country.php", {countryPart:value}, function(data){ 
    $("#suggestions").html(data); 
}); 

あなたはpost呼び出しの前に#の代わり$を持っていました。

0

それはあなたがコードの下のように使用することができます$.post#.post

1

でなければなりません。

$.ajax({ 
    type: "POST", 
    url: "country.php", 
    data: "name=value", 
    success: function(data){ 
    $("#suggestions").html(data); 
    } 
}); 
0

メソッド名が $ない#

する必要がありますが

関連する問題