jquery - Seleccionar2 Obtener datos de opciones seleccionadas

jquery innerhtml

Question

$("#e2").select2("val") me devuelve el valor, pero no quiero obtener el .$listtypes[''name''] . éter del nombre de datos o de la etiqueta de opción de visualización.

Quiero obtener el nombre de datos de opción para la opción seleccionada, ¿cómo puedo lograr esto?

Este es mi generador de opciones.

foreach($core->list_types() as $listtypes){
echo "
<option 
  data-name=''".$listtypes[''name''] ."'' 
  value=''".$listtypes[''id'']."''>
  ".$listtypes[''name''] ."
</option>";
}

Answer 1

Este trabajo para mí:

En select2 simple para obtener el valor de la etiqueta:

$(''#myVar'').select2(''data'')[0].<name_label_from_data_input>

Puede ser útil hacer un volcado de datos desde la variable select2 :

$(''#myVar'').on(''change'', function (evt) {
  if ($(''#myVar'').select2(''val'') != null){
    console.log($(''#myVar'').select2(''data'')[0]);    
  }
});

Y captura tu atributo de nombre de la etiqueta.

¡Buena suerte!

Answer 2

Parece que las respuestas de @Kishan y @ xploshioOn no funcionarán en v4.0 +.

Prueba esto: $("#e2").text().trim()

Answer 3

Use el método attr .attr("data-name") en su selector.

Answer 4

puedes usar esto

$("#e2 option:selected").text();

Answer 5

Prueba esto:

$(''#e2'').select2(''data'')

devolver los datos de opción seleccionados