Saltar al contenido

Cómo obtener el texto seleccionado de select2 cuando se usa

Agradecemos tu apoyo para compartir nuestros enunciados en referencia a las ciencias informáticas.

Solución:

A partir de Select2 4.x, siempre devuelve un arrayincluso para listas que no sean de selección múltiple.

var data = $('your-original-element').select2('data')
alert(data[0].text);
alert(data[0].id);

Para Select2 3.x y versiones anteriores

Selección única:

var data = $('your-original-element').select2('data');
if(data) 
  alert(data.text);

Tenga en cuenta que cuando no hay selección, la variable ‘datos’ será null.

Selección múltiple:

var data = $('your-original-element').select2('data')
alert(data[0].text);
alert(data[0].id);
alert(data[1].text);
alert(data[1].id);

De los documentos 3.x:

data Obtiene o establece la selección. Análogo al método val, pero funciona con objetos en lugar de id.

El método de datos invocado en una selección única con un valor no establecido devolverá
nullmientras que un método de datos invocado en una selección múltiple vacía devolverá
[].

Finalmente lo descubrí haciendo esto:

var $your-original-element = $('.your-original-element');
var data = $your-original-element.select2('data')[0]['text'];
alert(data);

si también quieres el valor:

var value = $your-original-element.select2('data')[0]['id'];
alert(value);

Usé esto para mostrar texto

var data = $('#id-selected-input').select2('data'); 
data.forEach(function (item)  
    alert(item.text); 
)

Te mostramos reseñas y valoraciones

Te invitamos a añadir valor a nuestra información participando con tu veteranía en las crónicas.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *