下記で
【プルダウンを選択すると、h1の値を変える】という事と【プルダウンを押した先にページ移動をする】という個々の動作はできているのですが、、、
その二つを合体させると、効かなくなってしまいます。
まだまだ難しくてどこがいけないのか、全く分からないのですが、ヒントなどご教授頂けますと幸いです。
やりたいことは、ページを更新したらh1が変わる。プルダウンを動かしたらページ移動する、というjsを作りたいと考えています。
申し訳ございませんが、よろしくお願いいたします。
<script> window.addEventListener('DOMContentLoaded', ()=>{ document.querySelectorAll('#s option').forEach(x=>{ var a=Object.assign(document.createElement('a'),{href:x.value}); if(location.href==a.href){ x.selected=true; }; }); }); </script> <h1 id="midashi">ここはh1</h1> <select name="select" class="extraction" id="s"> <option value="001.html">001</option> <option value="002.html">002</option> </select> <script> var h1_comment = document.getElementById( 'midashi' ); var select_val = $(".extraction").val(); if (select_val === "001.html") { h1_comment.textContent = h1_comment.textContent + "です001"; } else if (select_val === "002.html") { h1_comment.textContent = h1_comment.textContent + "です002"; } </script>
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/01/31 12:30
退会済みユーザー
2020/02/03 02:40 編集