jQuery select2 ottiene il valore del tag select?

Ciao amici, questo è il mio codice:

<select id='first'>
  <option value='1'> First  </option>
  <option value='2'> Second </option>
  <option value='3'> Three  </option>
</select>

Questo è il mio codice select2:

$("#first").select2();

Di seguito è riportato il codice per ottenere il valore selezionato.

$("#first").select2('val'); // It returns first,second,three.

Questo è restituire un testo come first,second,threee voglio ricevere 1,2,3.
Significa che ho bisogno del valore della casella di selezione, non del testo.

$("#first").val(); // this will give you value of selected element. i.e. 1,2,3.

Per ottenere Seleziona elemento puoi usare $('#first').val();

Per ottenere il testo del valore selezionato - $('#first :selected').text();

Puoi per favore pubblicare il tuo select2()codice funzione

$("#first").select2('data') restituirà tutti i dati come mappa

Se stai usando ajax , potresti voler ottenere il valore aggiornato di select subito dopo la selezione.

//Part 1

$(".element").select2(/*Your code*/)    

//Part 2 - continued 

$(".element").on("select2:select", function (e) { 
  var select_val = $(e.currentTarget).val();
  console.log(select_val)
});

Crediti: Steven-Johnston

Questa soluzione ti consente di dimenticare l'elemento selezionato. Utile quando non hai un ID sugli elementi selezionati.

$("#first").select2()
.on("select2:select", function (e) {
    var selected_element = $(e.currentTarget);
    var select_val = selected_element.val();
});

La risposta semplice è:

$('#first').select2().val()

e puoi scrivere in questo modo anche:

 $('#first').val()

Prova questo :

$('#input_id :selected').val(); //for getting value from selected option
$('#input_id :selected').text(); //for getting text from selected option

Vedi questo violino .
Fondamentalmente, vuoi ottenere le values dei tuoi option-tags, ma cerchi sempre di ottenere il valore del tuo select-node con $("#first").val().

Quindi dobbiamo selezionare i tag di opzione e utilizzeremo i selettori di jQuerys:

$("#first option").each(function() {
    console.log($(this).val());
});

$("#first option")seleziona ogni optionelemento figlio dell'elemento con l'id first.

Le soluzioni di cui sopra non hanno funzionato per me con l'ultima select2 (4.0.13)

Con jQuery puoi utilizzare questa soluzione per recuperare valore in base alla documentazione: https://select2.org/programmatic-control/retrieving-selections

$('#first').find(':selected').val();

Altre risposte non funzionavano per me, quindi ho sviluppato una soluzione:

Ho creato un'opzione con class = "option-item" per un facile targeting

HTML:

<select id="select-test">
<option value="5-val" id="first-id" class="option-item"> First option </option>
</select>

Quindi per ogni opzione selezionata ho aggiunto non visualizzare nessuna proprietà

CSS:

option:checked {
   display: none;
}

Ora possiamo aggiungere modifiche al nostro SelectBox per trovare la nostra opzione selezionata con la proprietà di visualizzazione nessuna tramite semplice : attributo nascosto

JQuery:

$('#select-test').change(function(){
//value 
    $('#select-test').find('.option-item:hidden').val();
//id
    $('#select-test').find('.option-item:hidden').attr('id');
//text
    $('#select-test').find('.option-item:hidden').text();
});

Violino funzionante: https://jsfiddle.net/Friiz/2dk4003j/10/

Soluzione:

var my_veriable = $('#your_select2_id').select2().val();
var my_last_veriable = my_veriable.toString();