Monacaにて初めてアプリを製作しております。同じようなことばかり質問して申し訳ありません。もう少しで完成なのです。どうか皆様のお力をお貸しください。よろしくお願いいたします。
###実装したいこと
option内で選択されたvalueに応じて<div class="mae" >内のidで指定された画像を変更する。
例:セレクトボックスでチェストプレスを選択→画像id=muneの画像が変更される
同様にクランチを選択→画像id=hukutyokuの画像が変更される
Javascript
1 <script> 2 window.onload = function Redimage() { 3 var element = document.getElementById("shumoku"); 4 var R1 = element.value ; 5 if( R1 == 1){ 6 document.mune.src="images/daikyou.png"; 7 }else if(R1 ==2){...elseif文章でR1==24まで書きます} 8 } 9 </script>
HTML
1 <div class="mae" > 2 <img src="images/honemae.png" id="honemae" class="pos"> 3 <img src="images/daikyou2.png" id="mune" class="pos" > 4 <img src="images/daitaisi2.png" id="daitai" class="pos"> 5 <img src="images/hukusya2.png" id="hukusya" class="pos"> 6 <img src="images/hukutyoku2.png" id="hukutyoku" class="pos"> 7 <img src="images/nitoukin2.png" id="nitou" class="pos"> 8 <img src="images/zenkeikotu2.png" id="zenkei" class="pos"> 9 <img src="images/zenwan2.png" id="zenwan" class="pos"> 10 </div> 11 12 13 <form name="syumo"> 14 <select id=”shumoku"" name="syumok" onChange="Redimage()"> 15 <option value=”0”></option> 16 <option value=”1”>チェストプレス</option> 17 <option value=”2”>ベンチプレス</option> 18 <option value=”3”>ラットプルダウン</option> 19 <option value=”4”>シーテッドプーリーロー</option> 20 <option value=”5”>バックエクステンション</option> 21 <option value=”6”>デッドリフト</option> 22 <option value=”7”>サイドレイズ</option> 23 <option value=”8”>バックプレス</option> 24 <option value=”9”>スタンディングロー</option> 25 <option value=”10”>プレスダウン</option> 26 <option value=”11”>フレンチプレス</option> 27 <option value=”12”>ナローグリップベンチプレス</option> 28 <option value=”13”>トライセプスキックバック</option> 29 <option value=”14”>ダンベルカール</option> 30 <option value=”15”>ハンマーカール</option> 31 <option value=”16”>バーベルカール</option> 32 <option value=”17”>クランチ(腹筋)</option> 33 <option value=”18”>サイドベント</option> 34 <option value=”19”>レッグプレス</option> 35 <option value=”20”>レッグカール</option> 36 <option value=”21”>レッグエクステンション</option> 37 <option value=”22”>フルスクワット</option> 38 <option value=”23”>リフトカール</option> 39 <option value=”24”>カーフレイズ</option> 40 </select></td> 41 </form>