<select name="name1"> <option value="" selected>選択してください</option> <option value="あああああ">あああああ</option> <option value="いいいいい">いいいいい</option> <option value="ううううう">ううううう</option> <option value="えええええ">えええええ</option> </select> <div class="box"> 「あああああ」、「いいいいい」を選択した場合のみ表示 </div>
$(function(){ $('[name=name1]').change(function() { var v = $('[name=name1]').val(); if (v == 'あああああ') { $('.box').css('display', 'block'); } else if (v == 'いいいいい') { $('.box').css('display', 'block'); } else { $('.box').css('display', 'none'); } }); });
メールフォームでselectによって要素を表示非表示にするようにしたのですが、「あああああ」を選択し、「.box」を表示し、確認画面ページへ遷移後、ブラウザバックで戻ると、「あああああ」は選択したままなのですが、「.box」だけがデフォルトの非表示となってしまいます。
jquery.cookie.jsなどでどうにかならないのでしょうか。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/04/08 09:49