jquery - estrapolare il singolo valore selezionato da una multiselect

**agmama** · 06-11-2016, 15:19

Ciao a atutti,

ho un dilemma che spero sia banale.

Ho una select a selezione multipla con questo codice:

codice HTML:

<select id="selezione" multiple="multiple">
<option value="1">opzione 1</option>
<option selected="selected" value="2">opzione 2</option>
<option selected="selected" value="3">opzione 3</option>
</select>

con jquery il mio problema è questo:

codice:

$( "select option:selected" ).each(function() {
      str = $( this ).val();
    });

se seleziono anche l'opzione 1, mi restituisce: 1 2 3, e questo è corretto quando io vado a processare il form. Devo però anche fare altre operazioni tramite jquery (far vedere l'ingrandimento dell'immagine corrispondente all'opzione che si è appena selezionata), quindi mi chiedo... c'è un modo affinchè io possa avere il valore dell'opzione premuta e non di tutta la select? (come quindi se fosse una select normale e non una multiselect)

Grazie in anticipo

**KillerWorm** · 06-11-2016, 22:06

Ciao, potresti usare l'evento click sugli elementi option.

Una cosa del genere:

codice:

<!DOCTYPE HTML>
<html>
  <head>
    <title>Esempio</title>
    <meta charset="utf-8">
    <script src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script type="text/javascript">
      $(function(){
        $('#selezione>option').click(function(){
          if(this.selected) console.log('Hai appena selezionato: '+this.innerHTML);
        })
      })
    </script>
  </head>
  <body>
    <select id="selezione" multiple="multiple">
      <option value="1">opzione 1</option>
      <option selected="selected" value="2">opzione 2</option>
      <option selected="selected" value="3">opzione 3</option>
    </select>
  </body>
</html>

Discussione: jquery - estrapolare il singolo valore selezionato da una multiselect

Strumenti discussione

Ricerca discussione

Visualizza

jquery - estrapolare il singolo valore selezionato da una multiselect

Permessi di invio