条件を付けたセレクトメニューの値の取得

質問

JavaScriptで下記の流れの入力フォームを作成しています。
(1)一つ目のセレクトメニューで選択した項目に応じて、もう１つのセレクトメニューの内容を変更する
(2)submitボタンを押すと、次のWeb画面で選択した内容を表示する

(1)については色々なところのサンプルコードを参考にしつつ、なんとか作成できました。
しかし、(2)は値の受け渡しがうまく出来ずに頭を抱えています。
（unitの値もgroupの値も共に空欄が返ってくる）

◆(1)のコード：
例えばUnit1を選択すると、グループ１（１－１～１－４）が表示され、
Unit2を選択すると、グループ２（２－１～２－４）がセレクトメニューに表示されるというものです。

<TR><TD>
<TD><B>Unit</B><BR>　
<select name="unit" onchange="groupSet()">
<option value="">－選んでください－</option>
<option value="">Unit1</option>
<option value="">Unit2</option>
<option value="">Unit3</option>
</select>

<TD><B>Group</B><BR>　
<SELECT NAME="group">
<option value="">－選んでください－</option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
</select>
<script>
//グループ１の配列
var group1_list=new Array(
"－選んでください－","１－１","１－２","１－３","１－４");
//グループ２の配列
var group2_list=new Array(
"－選んでください－","２－１","３－２","３－３","３－４");
//グループ３の配列
var group3_list=new Array(
"－選んでください－","４－１","４－２","４－３","４－４");
function buSet(){
//オプションタグを連続して書き換える
for ( i=1; i<5; i++ ){
//選択分岐
switch (document.selbox.unit.selectedIndex){
case 0: document.selbox.bu.options[i].text="";break;
case 1: document.selbox.bu.options[i].text=group1_list[i];break;
case 2: document.selbox.bu.options[i].text=group2_list[i];break;
case 3: document.selbox.bu.options[i].text=group3_list[i];break;
}
}
document.selbox.bu.selectedIndex=0;}
</script>

◆(2)のやりかた
request.getParameter("unit")およびrequest.getParameter("group")で値を取得し、
画面への表示＆ファイルへの保存を行っていますが、選択したgroup○○○の項目ではなく、空欄を取得しているようなのです・・・

どなたか知恵を貸してください。よろしくお願いします。

回答No.2

LancerVII · ベストアンサー

こんにちは。

Ajaxであるならば、そこの送信処理を補足ください。

selectタグで送信される値はoptionタグのvalue値です。

今のソースをみる限り、valueが空になっているので、取得できないのではないでしょうか。

回答No.3

tracer

#2さんもおっしゃってますが、ajax前提なら、ajax部分の記述がないと何をしているかわかりません。
また、場合よっては、javascriptではなく、サーバーサイドの問題かもしれません。
ということで、サーバーサイドではどうやってデータを受け取って、javascriptに返しているかの情報も必要です。

>Apache Tomcatでサーバを動かし、sqlでデータベースを構築して・・・ということを目標にしています。

目標はわかりますが、現在どのような方法で、どのように確認しているかがわからないのです。
面倒と思われるかもしれませんが、「動かない」だけでは何とも回答のしようがないのです。

回答No.1

tracer

ちょっとよくわかんないんですが、submit押下後の画面遷移は、通常のURL移動ですか?　それとも、ajax通信ですか?
それと、サーバーへのデータ受け渡しはあるのですか?　ある場合は、どうやってやってるんですか?

補足

Ajaxです。
Apache Tomcatでサーバを動かし、sqlでデータベースを構築して・・・ということを目標にしています。