Swanson Web Media - PHP and Ajax Auto Complete に、php と ajax を使って部分検索をする方法が掲載されていたので試してみた。
例ではMySQLなどのDBを利用していたが、面倒なので適当な実装にしたっす。
文字の一部を入力すると、その文字にマッチした検索結果がリストで戻ってくる。
更に、リストをクリックすると、クリックした文字がテキストボックスに入力されるのでコンボボックスのような使い方ができるよーな気がする。
prototype.js と scriptaculous.js を使えば、こんなことができるので結構便利だな。
元の記事では、MySQLに格納されているDBをselectしてその結果を出力していたが、プログラムの説明が面倒なので、予め配列に適当な文字列を入力してみた。
このオートコンプリート機能は、結構いろんなところで利用できそうなインターフェースだな。
