お世話になっております。
今回はwhile文にて、処理がフリーズしてしまっている原因について教えていただきたく思い質問させていただきます。
javascript
$("#category").change(function(){ var h=$(this).val(); var select_value = "#"+h+"selecter"; $(select_value).fadeIn(500).css("display","flex"); var i = 2015; while(i<2020){ if(i==select_value){ continue; } var select_i = "#"+i+"selecter"; $(select_i).fadeOut(500); } });
HTML
<label for="category" class="select-wrap entypo-down-open-mini"> <select name="" id="category" style="text-align: center;"> <option value="2019" selected id="2019">2019年度</option> <option value="2018" id="2018">2018年度</option> <option value="2017" id="2017">2017年度</option> <option value="2016" id="2016">2016年度</option> </select> </label> <div id="2019selecter" class="youtube_frame_base" style="display: flex;"> <iframe src="https://www.youtube.com/....." frameborder="0" allow="autoplay; encrypted-media" allowfullscreen class="youtube"></iframe> </div> <div id="2018selecter" class="youtube_frame_base" style="display: flex;"> <iframe src="https://www.youtube.com/....." frameborder="0" allow="autoplay; encrypted-media" allowfullscreen class="youtube"></iframe> </div>
やりたいこと
labelで選択されたoptinのvalueの値をjavascript内で処理を行います。
valueの値であるIDのdiv要素をflexにて表示させ、それ以外のdiv要素をhidenで隠したいと考えています。
しかし、optionをクリック時に、ブラウザが停止し全く動作しなくなります。
考えられる要因として無限ループしているのでは無いかと考えています。
どの部分が間違っているかご教授いただければと思います。
よろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/04/22 08:39
2019/04/23 02:27
2019/04/23 10:53