セレクトボックスで内容を選択すると、valueの値のページに遷移するところまではできましたが、遷移後に選択したセレクトボックスが表示されているようにしたいです。
選択2を選択してページ遷移→セレクトボックスに選択2が選択されている状態。
html
1<select class="select" name="" id="select"> 2<option value="/url/1">選択1</option> 3<option value="/url/2">選択2</option> 4<option value="/url/3">選択3</option> 5</select>
javascript
1<script> 2 $(function() { 3 // select変更時 4 $('#select').on('change', function() { 5 // 遷移先URL取得 6 var url = $(this).val(); 7 // URLが取得できていればページ遷移 8 if(url != '') { 9 location.href = url; 10 } 11 }) 12}); 13</script>
「ページ遷移」しているのでしたら「セレクトボックスに選択2が選択されている状態」はありえませんが、これは遷移したページから戻った時にという意味ですか?それとも別windowで開くのでしょうか?
ご指摘ありがとうございます。希望はページ遷移して(URL変更して)セレクトボックスが選択したものになるという挙動なのですが、これは不可能でしょうか。
遷移したあとに遷移前のページは確認しようがないのでは?遷移後のページにも同じセレクトボックスが設置されているという意味でしょうか?
説明不足で申し訳ありません。遷移後も同じセレクトボックスが設置されています。セレクトボックスでジャンルを選択すると、ページ遷移してジャンル内容が切り替わるという実装です。
回答1件
あなたの回答
tips
プレビュー