selectボタンを押したら対象のdivを表示させる処理を行いたいのですが、何度やってもエラーになってしまい困っています。
実際のコードは以下になります。
【HTML】
<form> <label> <select id="changeSelect1" onchange="entryChange1();"> <option value="select0">選択してください</option> <option value="select1">足立区</option> <option value="select2">江東区</option> <option value="select3">練馬区</option> </select> </label> </form> <div class="boxArea"> <div id="box0"> </div> <div id="box01"> <p>box1の内容</p> </div> <div id="box02"> <p>box2の内容</p> </div> <div id="box03"> <p>box3の内容</p> </div> </div>
【javascript】
<script type="text/javascript"> function entryChange1(){ id = document.getElementById('changeSelect1').value; for(var y=1; y<=4; y++){ for(var x=1; x<=4; x++){ if(id=="'select'+y"){ document.getElementById("'box0'+ x").style.display="block"; }else{ document.getElementById("'box0'+ x").style.display="none"; } } } } </script>
上記には4回のループのみですが、実際は数十のループを想定しています。
そうなるとdocument.getElementById("'box0'+ x")の0が邪魔になってしまうのも難しい要素です...。
色々と試しましたが解決にたどり着けなさそうなのでアドバイスをいただきたく存じます。
コードはコードブロックで囲んでいただけませんか? ```(バッククオート3つ)で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。また、エラーはエラー文も記載ください。
回答1件
あなたの回答
tips
プレビュー