セレクトボックスで内容を選択すると、valueの値のページに遷移するところまではできましたが、遷移後に選択したセレクトボックスが表示されているようにしたいです。
選択２を選択してページ遷移→セレクトボックスに選択２が選択されている状態。

html
1<select class="select" name="" id="select">
2<option value="/url/1">選択１</option>
3<option value="/url/2">選択２</option>
4<option value="/url/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>

yambejp

2018/02/13 02:09

「ページ遷移」しているのでしたら「セレクトボックスに選択２が選択されている状態」はありえませんが、これは遷移したページから戻った時にという意味ですか？それとも別windowで開くのでしょうか？

takesu

2018/02/13 02:19

ご指摘ありがとうございます。希望はページ遷移して（URL変更して）セレクトボックスが選択したものになるという挙動なのですが、これは不可能でしょうか。

yambejp

2018/02/13 02:23

遷移したあとに遷移前のページは確認しようがないのでは？遷移後のページにも同じセレクトボックスが設置されているという意味でしょうか？

takesu

2018/02/13 02:24 編集

説明不足で申し訳ありません。遷移後も同じセレクトボックスが設置されています。セレクトボックスでジャンルを選択すると、ページ遷移してジャンル内容が切り替わるという実装です。

行動規範の内容に同意します

回答1件

ベストアンサー

遷移後も同じセレクトボックスが設置されています

という前提で、考え方は２つ

遷移後のページはそれぞれ違うのですからスタティックに自分自身のページにselectedを付けておく

（サーバーサイドのプログラムで処理）

javascriptでlocation.hrefの値をみてその値とセレクトボックスの値が合致するものにselectedを移す

ただし後者の場合、セレクトボックスの移動がchangeイベントが発火すると永久ループになる可能性があります。
できれば前者で、そうでないなら自分自身と同じvalueを一度空（""）してから移動するとよいでしょう

追記

サーバーサイドでselectedを付加する

PHP
1$selected=["/url/1"=>"","/url/2"=>"","/url/3"=>""];
2$selected[$_SERVER["SCRIPT_NAME"]]=" selected";
3print <<<eof
4<select class="select" name="" id="select">
5<option value="/url/1"{$selected["/url/1"]}>選択１</option>
6<option value="/url/2"{$selected["/url/2"]}>選択２</option>
7<option value="/url/3"{$selected["/url/3"]}>選択３</option>
8</select>
9eof;