- ベストアンサー
プルダウンで選択した項目にあわせて、hiddenデータも変化させてcgiにデータを送る
よろしくお願い致します。 プルダウンで項目を選択したとき、選択したプルダウンの項目に合わせて hiddenデータに入れ替えてcgiに送りたいのですが、そのようなことはできるのでしょうか？ 例えば、プルダウンの項目に「魚」と「肉」があったとして、 「魚」を選択すると、hiddnデータ1が「刺身」、hiddenデータ2が「100円」となってcgiに送信されます。 同様に「肉」を選択すると、hiddenデータ1が「豚」、hiddenデータ2が「200円」となってcgiに送信されます。 お分かりにある方がいらっしゃいましたら、どうぞお教え下さいますようお願いいたします。
- patsaysnow
- お礼率77% (89/115)
- JavaScript
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
こんな感じ？ <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>
その他の回答 (1)
- t_ohta
- ベストアンサー率38% (5238/13705)
こんな感じでしょうか。 <script type="text/javascript"> function setHidden(item) { if(item == '魚') { document.getElementById('data1').value='刺身'; document.getElementById('data2').value='100円'; } else if(item == '肉') { document.getElementById('data1').value='豚'; document.getElementById('data2').value='200円'; } else { document.getElementById('data1').value=''; document.getElementById('data2').value=''; } } </script> <form> <select onchange="setHidden(this.value);"> <option>選択</option> <option>魚</option> <option>肉</option> </select> <input type="hidden" name="data1" id="data1" value=""> <input type="hidden" name="data2" id="data2" value=""> <input type="submit"> </form>
お礼
ご回答頂き、ありがとうございました。 お礼が遅くなってしまい、誠に申し訳ありません。 お教え頂いたソースで無事動作致しました。 参考にさせて頂きます。 本当にありがとうございました。
お礼
ご回答頂き、ありがとうございました。 お礼が遅くなってしまい、誠に申し訳ありません。 お教え頂いたソースで無事動作致しました。 参考にさせて頂きます。 本当にありがとうございました。