一つ目の選択メニューの値を元に2つ目のvalueを取得する

Question

selectが2つあり、一つ目で選択した値をwhere句の条件として取得した値を
2つ目のselectのoption valueとしたいです。

・一つ目を
<select>
<option value="a">A
<option value="b">B

として、Aが選択された場合は
select * from test
where name=A

Bの場合は
select * from test
where name=B

・2つ目は上記で取得した値をループする。
・1つ目を選択するまでは2つ目は選択出来ない。

このようなことは一度サブミットしないと無理でしょうか。

宜しくお願いいたします。

Answer 1

SQLを実行した結果をHTMLのopsitonタグとして表示するスクリプトをサーバサイドに設置し、そのファイルに対してajax通信すればできますよー。

<option value="c">C</option>
<option value="d">D</option>
<option value="e">E</option>
<option value="f">F</option>

こんな感じでHTMLを表示させるスクリプトになっていれば良いわけです。
そのサーバサイドのスクリプトをscript.phpとすると、

$.ajax({
    type: "POST",
    url: "script.php",
    data: "name=A",
    success: function(res){
        // resにoptionタグが入るので、
        // 2つ目のselect内にapendする処理をここに書く
   }
 });

こんな感じですかねー。
最初のselectが変更されたあとに発火させるイベントで、上記みたいにajax使えばイケます。

POSTとかname=Aとかはいろいろ実際のものに変えてみてください。

Answer 2

こんにちは。
サブミットしないでやるにはajaxを利用すればできるかと思います。
サーバー側ではsqlの結果をjsonやhtmlで返すものを作ります。
(そのページでしか使わないならhtmlで返すとクライアント側の実装が少し楽です)
クライアント側の実装は「jQuery ajax」や「jQuery on change」や「jQuery html」とかで検索すればたくさん情報があるかと思います。