- ベストアンサー
JavaScript 選択肢の中で選んだ値を隣に表示
いつもお世話になっております。 JavaScriptの質問なのですが、 選択肢を選んだときに、その選んだ値の値段だけを 下に表示したいのですが、 JavaScriptがわからず困っています・・・。 選択肢： アメ（￥30） チップス（￥150） ジュース（￥120） おつまみ（￥250） の時にジュースを選択したとき 選択肢の下に ￥120 を表示したいのです。 どなたかご存知の方、 ご教授お願いします！
- mihomama84
- お礼率73% (91/124)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
選択肢をどうやって選択させるつもりなのかなどいろいろ不明ですが、とりあえずこんな感じ？ （複数選択を許さない場合は、multiple設定をはずしてください） <html> <head> <script type="text/javascript"> function calc(elm) { var i, v = 0, o = elm.options; for (i=0; i<o.length; i++) if (o[i].selected) v += parseInt(o[i].value); document.getElementById('total').innerHTML = '￥' + v; } </script> </head> <body> <select size=5 multiple onchange="calc(this)"> <option value="30">アメ（￥30） <option value="150">チップス（￥150） <option value="120">ジュース（￥120） <option value="250">おつまみ（￥250） </select> <p> 合計：<span id="total"></span> </body> </html>
お礼
ご回答ありがとうございます！ JavaScriptがさっぱりだったため、困っていました。。。 いただいたスクリプトを元に実装してみたいと思います！ ありがとうございました。
補足
どうやら、PHPの問題が絡んでいるようなので・・・ 別に質問を上げなおします！ ありがとうございました！