2007年07月25日

phpとAjaxを利用した入力時のオートコンプリート機能 このエントリーをはてなブックマークに追加

こんにちは、ミヤコ蝶々です(嘘です)。

Swanson Web Media - PHP and Ajax Auto Complete に、php と ajax を使って部分検索をする方法が掲載されていたので試してみた。
例ではMySQLなどのDBを利用していたが、面倒なので適当な実装にしたっす。



文字の一部を入力すると、その文字にマッチした検索結果がリストで戻ってくる。
更に、リストをクリックすると、クリックした文字がテキストボックスに入力されるのでコンボボックスのような使い方ができるよーな気がする。

prototype.js と scriptaculous.js を使えば、こんなことができるので結構便利だな。

元の記事では、MySQLに格納されているDBをselectしてその結果を出力していたが、プログラムの説明が面倒なので、予め配列に適当な文字列を入力してみた。

このオートコンプリート機能は、結構いろんなところで利用できそうなインターフェースだな。



posted by りょーち | Comment(0) | TrackBack(0) | Web周辺技術
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:


×

この広告は180日以上新しい記事の投稿がないブログに表示されております。