WebｼｽﾃﾑをPHPで作成しています｡例えば｢社員ID｣｢氏名｣｢住所｣のﾃｷｽﾄﾎﾞｯｸｽがあり､｢社員ID｣へ何文字か入力し､検索ﾎﾞﾀﾝをｸﾘｯｸすると前方一致検索…

WebｼｽﾃﾑをPHPで作成しています｡

例えば｢社員ID｣｢氏名｣｢住所｣のﾃｷｽﾄﾎﾞｯｸｽがあり､｢社員ID｣へ何文字か入力し､検索ﾎﾞﾀﾝをｸﾘｯｸすると前方一致検索での検索結果(ID､氏名､住所)を表示した別ｳｨﾝﾄﾞｳが生成され､その検索結果から目的のﾚｺｰﾄﾞをｸﾘｯｸすると､選択した社員IDと氏名と住所がﾃｷｽﾄﾎﾞｯｸｽへｾｯﾄされてｳｨﾝﾄﾞｳは閉じる､という部分を作成したいです｡

おそらくAjax､jQueryあたりを使わないと実現できないと予想していますが､Ajax､jQueryは勉強したことなく､ｾﾞﾛから作るのは時間がかかりすぎると思っています｡

そこで､上記のような動作をする参考ｺｰﾄﾞなどがあれば､それを修正しながら学びたいと考えています｡

参考となるものがありましたら教えてください｡
よろしくお願いします｡

以下の流れを実装するのであれば､PHPだけで実現できます｡

検索ﾎﾞﾀﾝをｸﾘｯｸする｡
ﾃﾞｰﾀﾍﾞｰｽに対する前方一致検索を行う｡
ﾃｷｽﾄﾎﾞｯｸｽに表示する｡

2と3の間で画面切替は起きますが､1と同じ画面を表示することで､あたかも1の画面のままでﾃｷｽﾄﾎﾞｯｸｽに表示するかのように見せかけることができます｡

以下のｺｰﾄﾞを参考にしてください｡
http://plog.pya.jp/program/php/lesson10/sample01.html

的が少し外れているかもしれませんが､私なら以下のような実装を行います｡

社員IDの欄に以下の頁を参考にsuggest.jsを実装する｡
(入力補完ﾗｲﾌﾞﾗﾘなので､社員IDを入力していく都度にIDを入力していく程に候補が絞り込まれる感じです)
｢suggest.js - 入力補完ﾗｲﾌﾞﾗﾘ｣
http://www.enjoyxstudy.com/javascript/suggest/

そこで正しい社員IDが入力されてﾀﾌﾞｷｰ等でﾌｫｯｶｽが外れたﾀｲﾐﾝｸﾞでｲﾍﾞﾝﾄをｷｬｯﾁして､社員IDを元にPHPの検索を行うという感じで作成すると思います｡

｢event.onblur - ﾌｫｰｶｽが外れた時点で発生するｲﾍﾞﾝﾄ｣
http://javascriptist.net/ref/event.onblur.html

｢[Ajax] POSTされた値をもとにMySQLから検索して結果を返す｣
http://blog.aidream.jp/ajax/ajax-post-data-mysql-return-result-102.html

そのものずばりのｿｰｽでなくてすみません｡