よろしくお願い致します。
プルダウンで項目を選択したとき、選択したプルダウンの項目に合わせて
hiddenデータに入れ替えてcgiに送りたいのですが、そのようなことはできるのでしょうか?
例えば、プルダウンの項目に「魚」と「肉」があったとして、
「魚」を選択すると、hiddnデータ1が「刺身」、hiddenデータ2が「100円」となってcgiに送信されます。
同様に「肉」を選択すると、hiddenデータ1が「豚」、hiddenデータ2が「200円」となってcgiに送信されます。
お分かりにある方がいらっしゃいましたら、どうぞお教え下さいますようお願いいたします。
No.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>
ご回答頂き、ありがとうございました。
お礼が遅くなってしまい、誠に申し訳ありません。
お教え頂いたソースで無事動作致しました。
参考にさせて頂きます。
本当にありがとうございました。
No.1
- 回答日時:
こんな感じでしょうか。
<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>
ご回答頂き、ありがとうございました。
お礼が遅くなってしまい、誠に申し訳ありません。
お教え頂いたソースで無事動作致しました。
参考にさせて頂きます。
本当にありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) エクセルについて教えてください。 2 2023/06/14 11:11
- ノートパソコン PCへのデータ保存について 5 2023/06/21 10:31
- Excel(エクセル) VLOOKUP が機能しない、その原因は何 ? 8 2022/10/19 12:06
- Excel(エクセル) 【エクセル」 特定のセルで条件抽出した列を、別シートに上から詰めて表示したい。 8 2022/04/08 16:00
- Excel(エクセル) エクセルの数式で教えてください。 1 2023/02/02 10:20
- Excel(エクセル) Excelのプルダウンメニューの内容を人によって可変する方法 2 2023/03/28 14:52
- Excel(エクセル) エクセルの散布図で新たに入力した値のデータラベルが空欄になる現象 1 2022/04/26 09:31
- Visual Basic(VBA) 複数ファイルのデータの統合について 12 2022/05/14 12:03
- iCloud バックアップが完了したあと、機種変更前のスマホ、リセットしていい?? 1 2023/02/07 14:44
- Excel(エクセル) Excel VBAプルダウンの値を変えながら2枚ずつ印刷する方法? 4 2022/05/27 13:04
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
プルダウン選択を変更すると、...
-
Selectボックスの一覧表示方法
-
selectを変更不可にしたい
-
検索窓とプルダウンメニュー機...
-
ラジオボタンとプルダウンを連...
-
全てのselect要素をデフォルト...
-
【JavaScript】プルダウンで数...
-
子ウインドウから親ウインドウ...
-
select要素のvalueを配列で取得...
-
javascriptでセレクトボックス...
-
JavaScriptで<select>の<option...
-
複数のプルダウンを1つにまとめ...
-
selectのすべての値を送信する方法
-
プルダウンメニューに連動する...
-
<input>の選択肢をプルダウンメ...
-
スマホのフォームでのselect複...
-
<select> をmultiple にしてい...
-
同じ名前のセレクトがある場合...
-
セレクトボタンで特定の項目で...
-
return falseが効かない
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
javascriptでセレクトボックス...
-
selectを変更不可にしたい
-
全てのselect要素をデフォルト...
-
<input>の選択肢をプルダウンメ...
-
Selectボックスの一覧表示方法
-
プルダウン選択を変更すると、...
-
セレクトボックスで配列を呼び...
-
JavaScriptで<select>の<option...
-
プルダウンのoptionの表示・非...
-
select要素のvalueを配列で取得...
-
【javascript】連想配列からセ...
-
ラジオボタンとプルダウンを連...
-
同じ名前のセレクトがある場合...
-
selectボックスの選択結果を変...
-
プルダウンの値によって活性・...
-
javascriptで合計金額を算出し...
-
プルダウンメニューに連動する...
-
リストボックス内の重複したも...
-
VBScriptでHTMLのセレクトボッ...
-
連想配列を使ってコンボボック...
おすすめ情報