wp 画面遷移してもセレクトメニューの選択状態を維持したい

前提・実現したいこと

検索ボタンを押すとセレクトメニューの一番上の項目に戻ってしまうのですが、
画面が遷移してもセレクトメニューの選択状態を維持したままにするには
どの部分を修正すればよろしいでしょうか？

もし、ご存知の方がいらっしゃったら教えていただけないでしょうか？
お手数をおかけしますがよろしくお願い致します。

該当のソースコード

【入力ページ】

            <form role="search" method="get" action="<?php echo esc_url(home_url('/')); ?>">
              <p class="p-aside_text">イベントを検索する</p>
              <dl class="p-aside__selectList">
                <dt class="p-aside__listTitle">種目</dt>
                <dd class="p-aside__selectWrap">
                  <select class="p-aside__select" name="sports[]">
                    <option value="">選択してください</option>
                    <?php
                      $terms = get_terms('sports');
                      foreach ( $terms as $term ) :
                    ?>
                    <option value="<?php echo $term->slug; ?>" name="<?php echo $term->slug; ?>"><?php echo $term->name; ?></option>
                    <?php endforeach; ?> 
                  </select>
                </dd>
                <dt class="p-aside__listTitle">都道府県</dt>
                <dd class="p-aside__selectWrap">
                  <select class="p-aside__select" name="prefectures">
                    <option value="">選択してください</option>
                    <?php
                      $terms = get_terms('prefectures');
                      foreach ( $terms as $term ) :
                    ?>
                    <option value="<?php echo $term->slug; ?>" name="<?php echo $term->slug; ?>"><?php echo $term->name; ?></option>
                    <?php endforeach; ?> 
                  </select>
                </dd>
              </dl>
              <input type="hidden" name="s" value="<?php the_search_query(); ?>">     
              <p class="p-aside__buttonWrap"><input type="submit" class="p-aside__button c-button" value="検索"></input></p>
            </form>

【検索結果ページ】

          <form role="search" method="get" action="<?php echo esc_url(home_url('/')); ?>">
            <p class="p-aside_text">イベントを検索する</p>
            <dl class="p-aside__selectList">
              <dt class="p-aside__listTitle">種目</dt>
              <dd class="p-aside__selectWrap">
                <select class="p-aside__select" name="sports[]">
                  <option value="">選択してください</option>
                  <?php
                    $terms = get_terms('sports');
                    foreach ( $terms as $term ) :
                  ?>
                  <option value="<?php echo $term->slug; ?>" name="<?php echo $term->slug; ?>"><?php echo $term->name; ?></option>
                  <?php endforeach; ?> 
                </select>
              </dd>
              <dt class="p-aside__listTitle">都道府県</dt>
              <dd class="p-aside__selectWrap">
                <select class="p-aside__select" name="prefectures[]">
                  <option value="">選択してください</option>
                  <?php
                    $terms = get_terms('prefectures');
                    foreach ( $terms as $term ) :
                  ?>
                  <option value="<?php echo $term->slug; ?>" name="<?php echo $term->slug; ?>"><?php echo $term->name; ?></option>
                  <?php endforeach; ?> 
                </select>
              </dd>
            </dl>
            <input type="hidden" name="s" value="<?php the_search_query(); ?>">
            <p class="p-aside__buttonWrap"><input type="submit" class="p-aside__button c-button" value="検索"></input></p>
          </form>

試したこと

シンプルにselectedを当ててみたのですが、
検索結果ページで最後の項目が選択されてる状態となっていました。

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

回答1件

ベストアンサー

php
1<select class="p-aside__select" name="sports">
2    <option value="">選択してください</option>
3    <?php
4    $terms = get_terms('sports');
5    foreach ( $terms as $term ) :
6        $selected = (isset($_GET['sports']) && $_GET['sports'] == $term->slug) ? true : false;
7    ?>
8    <option value="<?php echo $term->slug; ?>" <?php if($selected) echo 'selected'?>><?php echo $term->name; ?></option>
9    <?php endforeach; ?> 
10</select>