あなたはオートコンプリート機能を探しています。 jQuery UIには素晴らしいオートコンプリート機能が含まれています。あなたは(サーバーページを通して)配列またはデータベーステーブルから取得することができます
http://jqueryui.com/demos/autocomplete/
検索の結果.ITが
以下のように以下の例を設定することは非常に簡単です使用しているが配列を自動提案項目のデータソースとして使用します。
$(function() {
var availableTags = [
"ActionScript",
"AppleScript",
"Asp",
"BASIC",
"C",
"C++",
"Clojure",
"COBOL",
"ColdFusion",
"Erlang",
"Fortran",
"Groovy",
"Haskell",
"Java",
"Scheme"
];
$("#tags").autocomplete({
source: availableTags
});
上記のコードは、idが "tags"のテキストボックスをオートコンプリート機能にバインドします。ソース値は、異なるプログラミング言語の名前が格納されている配列の名前として述べました。
ほとんどの場合、データベースからデータを取得し、中間サーバーページをデータソースとして使用する必要があります。このサーバーページはデータアクセスレイヤーからデータを取得し、結果を提供します。
$("#tags").autocomplete({
source: "searchtags.php",
minLength: 2,
select: function(event, ui) {
log(ui.item ?
"Selected: " + ui.item.value + " aka " + ui.item.id :
"Nothing selected, input was " + this.value);
}
});
これはあなたが探しているものだと思います。http://stackoverflow.com/questions/3875079/jquery-and-grails-html-make-text-field-complete-text-like-google-does(ここに例があります:http://jsfiddle.net/QU9st/) – Quasdunk
おそらくそれは? http://www.devbridge.com/projects/autocomplete/jquery/ – pltvs
ほぼ!しかしそれほど好きではない、それはそれ自身のスタイルで入力ボックスに入力する必要がある、私は持っている問題は、提案のスタイリングです – Coops