select2: configuración de ancho diferente para la entrada y el menú desplegable

Solución:

Select2 incluye el parámetro ‘dropdownAutoWidth’ que usa javascript para intentar ser lo suficientemente ancho para el contenido del menú desplegable.

$('#whatever').select2({dropdownAutoWidth : true});

Esto al menos funciona con Select2 3.4.3; no sé cuánto antes se introdujo.

La propiedad que usó no es para controlar el ancho del menú desplegable. Puedes usar el dropdownCssClass propiedad.

Aquí hay una demostración en jsFiddle.

JavaScript:

$(document).ready(function() { 
    $("#e1").select2({dropdownCssClass : 'bigdrop'}); 
});

CSS:

.bigdrop {
    width: 600px !important;
}

¡Tenga en cuenta que para las versiones más recientes ahora hay una mejor solución! Vea la respuesta de Dave Amphlett

$("#e1").select2({ width: '100%' });      

Prueba esto. Esto establecerá el ancho del contenedor al 100%.

---

---

Utiliza Nuestro Buscador