簡単なデータ入力フォームを設定しようとしていますが、JQUERYは初めてです。選択したオートコンプリートアイテムのデータベースIDを非表示フィールドに返す必要があります。これにオンラインでコードを見つけましたが、フォームに複数のフィールドを追加すると、参照をIDからCLASSに変更することでオートコンプリートが機能しました。しかし、隠されたフィールドはそうではありませんでした。
問題は、特定の非表示フィールドの値を更新するために特定のIDタグ名が必要なことだと思います。オートコンプリートで更新されている現在のフィールドのIDを取得するようなことができると思っていました...そこで、助けが必要です。
$().ready(function() {
$(".course").autocomplete("get_course_list2.php", {
width: 360,
matchContains: true,
mustMatch: true,
//minChars: 0,
//multiple: true,
//highlight: false,
//multipleSeparator: ",",
selectFirst: false
});
$(".course").result(function(event, data, formatted) {
$("#course_val").val(data[1]);
});
});
これがHTMLフォームです
<form autocomplete="off">
<p>
Course Name <label>:</label>
<input type="text" name="course1" class="course" id="course1" />
<input type="hidden" name="course_val1" class=".course_val" id="course_val1" />
</p>
<p>
Course Name <label>:</label>
<input type="text" name="course2" class="course" id="course2" />
<input type="hidden" name="course_val2" class=".course_val" id="course_val2 " />
</p>
<input type="submit" value="Submit" />
</form>
ご協力いただければ幸いです。
ありがとうjlimited