keypressのデータベースからデータを取得し、存在しない場合は追加します

Question

プログラミング言語としてJoomla CMSとPHPを使用しています。私はテキストボックスにクラブ名を入力する必要があります。今度はクラブ名がある場合は下に表示し、名前がない場合は保存ボタンをクリックしてその名前をデータベースに追加する必要があります。

Googleと似ています。私はBを書いて、Bで始まるすべての名前が来て、私はBAを書く場合BAを開始するすべての名前が表示される..... .....私は間違っていないが、私は知らないAJAXを使用して行うことができると思うが、 。解決策を得るのに役立つチュートリアルは見つかりませんでした。

誰でも私の手伝いをしたり、自分の経験を教えてもらえますか？

事前のおかげでたくさんの

何が必要なのオートコンプリートのプラグインです

Answer 1

：

• http://docs.jquery.com/Plugins/autocomplete
• http://madrobby.github.com/scriptaculous/ajax-autocompleter/

ソリューションの多くは、ウェブ上であります:)

Answer 2

あなたも同様のことができますTo：

HTML：

<input type="text" id="your_id" /> 
<div id="result"></div> 

はJQuery：

$('input#your_id').keypress(function() { 
    var content = $(this).val(); 
    $.ajax({ 
     url: "/functions/loadClubs.php", 
     global: false, 
     type: "POST", 
     data: ({ team : content }), 
     dataType: "html", 
     async:false, 
     success: function(data) { 
     $('div#result').html(data); 
     } 
    }); 
}); 

loadClubs.phpデータベース・クエリを行いますPHPスクリプトにAJAX要求を、確認する必要があり

<ul> 
<? 
    $team = mysql_real_escape_string($_POST['team']); 
    $result = mysql_query("SELECT * FROM teams WHERE teamName LIKE '%" . $team . "%'"); 
    while ($row = mysql_fetch_assoc($result)) { 
     echo "<li>" . $row['teamName'] . "</li>" 
    } 
?> 
</ul>