Visualizzare l' elemento selezionato da dropdown list

[artemska]

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

[ciro78]

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

Ciao Artemska,
usa il tag code per il codice.

[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>

[artemska]

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>

Ciao, purtroppo non posso spostare la gestione della select lato php. La select mi imposta un url corrispondente ad un .php in cui specifico il path della cartella in cui uploadare le immagini, mentre il drag and drop è gestito con jquery. Ecco perchè non posso farne a meno. C' è un modo per mantenere lo stato della option scelta tramite jquery?