HTML/JavaScriptにて、ドロップダウンメニュー内の選択された項目により別々に画像を変更したいです。
JavaScript
1 <script> 2 function Changeimg() { 3 var R1 = document.formname.selectname.value 4 if( R1 = ”01”){ 5 document.getElementById('img01').src="images/2.png"; 6 } 7 function Changeimg2() { 8 var R2 = document.formname.selectname.value 9 if( R2 = ”03”){ 10 document.getElementById('img03').src="images/4.png"; 11 } 12 function Changeimg3() { 13 var R3 = document.formname.selectname.value 14 if( R3 = ”05”){ 15 document.getElementById('img05').src="images/6.png"; 16 } 17 18 これを選択肢の数だけ書きました(20個ほどあります)。 19 ちゃんと動いたらelseifで書き換えようと思っています。 20 </script>
Body内のドロップダウンメニューは
HTML
1<form name="formname"> 2 <select id=”test” name="selectname"> 3 <option value=”noon”></option> 4 <option value=”01”>1</option> 5 <option value=”03”>3</option> 6 <option value=”05”>5</option> 7 </select> 8</form>
で作りました。
変更したい画像はページの少し遠い位置にあり
HTML
1 <div class="mae" onchange="Changeimag1(),Changeimg2() ,Changeimg3();"> 2 <img src="images/1.png" id="img01" class="pos"> 3 <img src="images/3.png" id="img03" class="pos"> 4 <img src="images/5.png" id="img05" class="pos"> 5 </div> 6
となっています。
どこで問題が起きているかわからず困っています。
if分の書き方なのか、valueの取得方法が間違っているのか…
また、ドロップダウンメニューは内容が同じで3つ設置していますので
1,3,5のすべてが選択された場合はすべての画像が変更されるようにしたいです。
何卒ご教授よろしくお願いいたします。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/08/29 13:45
2017/08/29 14:04
2017/08/29 14:11