Visualizzare l' elemento selezionato da dropdown list

[lucavizzi]

Ciao a tutti, data una dropdown list ottenuta come segue:

<div class="styled-select">
                    <select id="select" name="select-page" required>
                     <option value="">Select Page</option>
                     <option value="../functions/post_file_intro.php">Intro Page</option>
                     <option value="../functions/post_file_story.php">Story Page</option>
                     <option value="../functions/post_file_about.php">About Page</option>
                     <option value="wedding">Wedding Page</option>
                     <option value="project">OtherProj Page</option>
                     <option value="video">Video Page</option>
                   </select>
                 </div>

attraverso una funzione jQuery prendo l' elemento della lista selezionato per restituire un determinato url :

  $('#select').on('change', function () {
          var url = $(this).val(); // get selected value
          
          if (url) { // require a URL
              window.location = url; // redirect
          }
          return false;

          
         
      });

Il problema è che non riesco a mantenere bloccato il valore della lista selezionato, ed ogni qualvolta seleziono un elemento, mi viene restituito correttamente l' url ma la dropdown ritorna alla prima voce della lista senza mantenere lo stato dell' elemento selezionato.
Come procedo?
grazie

Al caricamento della pagina, devi impostare l'attributo selected sulla option "attiva", cioè l'option il cui value è uguale all'url della pagina.
Forse è più comodo impostare la select lato-server.

                    <select id="select" name="select-page" required>
                      <option value="">Select Page</option>
                      <option value="../functions/post_file_intro.php" <?php if($condizione){echo('selected')}>Intro Page</option>