プルダウンで選択した項目にあわせて、hiddenデータも変化させてcgiにデータを送る

解決済

質問者：patsaysnow
質問日時：2009/03/13 19:18
回答数：2件

よろしくお願い致します。

プルダウンで項目を選択したとき、選択したプルダウンの項目に合わせて
hiddenデータに入れ替えてcgiに送りたいのですが、そのようなことはできるのでしょうか？

例えば、プルダウンの項目に「魚」と「肉」があったとして、
「魚」を選択すると、hiddnデータ1が「刺身」、hiddenデータ2が「100円」となってcgiに送信されます。

同様に「肉」を選択すると、hiddenデータ1が「豚」、hiddenデータ2が「200円」となってcgiに送信されます。

お分かりにある方がいらっしゃいましたら、どうぞお教え下さいますようお願いいたします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

No.1

回答者： t_ohta
回答日時：2009/03/13 19:40

こんな感じでしょうか。

- 1
- 件

通報する

この回答へのお礼

ご回答頂き、ありがとうございました。
お礼が遅くなってしまい、誠に申し訳ありません。

お教え頂いたソースで無事動作致しました。
参考にさせて頂きます。

本当にありがとうございました。

通報する

お礼日時：2009/03/17 19:42

No.2ベストアンサー

回答者： fujillin
回答日時：2009/03/13 20:00

こんな感じ？

<html>
<script type="text/javascript">
function hoge(e){
var data=['刺身,100円','豚,200円'];
var i=e.elements('sel').selectedIndex;
var d=data[i].split(',');
e.elements('hidden1').value=d[0];
e.elements('hidden2').value=d[1];
}
</script>
<body>
<form action="" method="" onsubmit="hoge(this)">
<select name="sel">
<option value="0">魚</option>
<option value="1">肉</option>
</select>
<input type="hidden" name="hidden1">
<input type="hidden" name="hidden2">
<input type="submit" value="Submit">
</form>
</body>
</html>