ajaxを使ってGoogle サジェストhttp://www.google.co.jp/webhp?complete=1&hl=jaみたいなオートコンプリート機能を実現したいわけですが、

20pt

基本的には入力エリアの値が変更された場合に AJAX で MySQL にクエリを投げ、取得できた場合に DIV タグか何かでプルダウンメニューを作ってあげればいいと思います。

DIV タグに onclick 属性を付けて、クリックされた場合に入力エリアの値を DIV タグ内のテキストで置換させてはどうでしょう。

動作確認せず、かなり省略しますが・・

<input type="text" id="query" name="query" value="" onchange="query(this,event">

<div onclick="replace(this, event)">

function query(input, event)

{

var str =input.value;

//ここでクエリ実行

}

function show_div(array_data)

{

//array_dataに配列として候補が入ってるとして

var objdiv = document.getElementById("list");

var str = '';

for(i=0; i < array_data.length; i++)

{

str += '

}

objdiv.innerHTML = str;

objdiv.style.display = 'block';

}

function replace(divtag, event)

{

var str = divtag.innerHTML;

var objform = document.getElementById("query");

objform.value = str;

}