jQuery select2 obtiene el valor de la etiqueta de selección?

Hola amigos este es mi código:

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

Este es mi código select2:

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

A continuación se muestra el código para obtener el valor seleccionado.

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

Esto es devolver un texto como first,second,threey quiero obtener 1,2,3.
Significa que necesito el valor del cuadro de selección, no el texto.

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

Para obtener el elemento Seleccionar puede usar $('#first').val();

Para obtener el texto del valor seleccionado: $('#first :selected').text();

¿Puedes publicar tu select2()código de función?

$("#first").select2('data') devolverá todos los datos como mapa

Si está utilizando ajax , es posible que desee obtener el valor actualizado de select justo después de la selección.

//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)
});

Créditos: Steven-Johnston

Esta solución le permite olvidar el elemento seleccionado. Útil cuando no tiene una identificación en elementos seleccionados.

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

La respuesta simple es:

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

y puedes escribir de esta manera también:

 $('#first').val()

Prueba esto :

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

Mira este violín .
Básicamente, desea obtener la values de sus option-tags, pero siempre intenta obtener el valor de su select-node con $("#first").val().

Entonces tenemos que seleccionar las etiquetas de opción y utilizaremos los selectores jQuerys:

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

$("#first option")selecciona cada optionque es hijo del elemento con el id first.

Las soluciones anteriores no me funcionaron con la última selección2 (4.0.13)

Con jQuery puede utilizar esta solución para recuperar valor de acuerdo con la documentación: https://select2.org/programmatic-control/retrieving-selections

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

Otras respuestas no me funcionaron, así que desarrollé una solución:

Creé una opción con class = "option-item" para facilitar la orientación

HTML:

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

Luego, para cada opción seleccionada, agregué mostrar ninguna propiedad

CSS:

option:checked {
   display: none;
}

Ahora podemos agregar un cambio a nuestro SelectBox para encontrar nuestra opción seleccionada con mostrar ninguna propiedad por simple : atributo oculto

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();
});

Violín de trabajo: https://jsfiddle.net/Friiz/2dk4003j/10/

Solucion:

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