0

私はデータベースにタイトルを問い合わせる小さなスクリプトを書いています。タイトルを入力すると、提案が返されます。

私は例を見つけて、以下のようにそれを作成することができました：

<head>
<title>Match Form/title>
<script type="text/javascript" src="jquery.js"></script>
<script type='text/javascript' src='jquery.autocomplete.js'></script>
<link rel="stylesheet" type="text/css" href="jquery.autocomplete.css" />
<script type="text/javascript">
$(document).ready(function() 
    {

        $("#course").autocomplete("get_title_list.php", {

            width: 260,
            matchContains: true,
            mustMatch: true,
            selectFirst: false
        });
        $("#course").result(function(event, data, formatted) {
            $("#course_val").val(data[1]);
        });
    });

</script>
</head>

それが機能し、ページに結果を印刷できるようになります。次のタスクは、複数のタイトルに沿って複数のテキストボックスを用意し、誰かがデータベースを検索して、割り当てられたボックスに結果を返すことを許可することです。

idは各ボックスにIDを割り当ててから、苦労しているjqueryでそのIDを選択する必要があることを知っています。どんな助けでも大歓迎です！

4

2 に答える 2

0

IDの代わりに、テキストボックスをクラスに変更します。このようなものは、クラス「コース」を持つボックスで機能するはずです。

     $(".course").autocomplete("get_title_list.php", {
        width: 260,
        matchContains: true,
        mustMatch: true,
        selectFirst: false
    });
    $(".course").result(function(event, data, formatted) {
        $(this).next(".course_val").val(data[1]);
    });
于 2012-12-19T16:46:52.613 に答える
0

IDの代わりにクラスを使用することをお勧めします。IDは一意である必要がありますが、同じクラスの要素を複数持つことができるため、一度にすべてを簡単に選択できます。

例：

<input id="A" class="auto" />
<input id="B" class="auto" />

<script>
    $('.auto').autocomplete({}); // the  '.' is used to select by class
</script>
于 2012-12-19T16:47:07.373 に答える