Los modos de sección única y selección múltiple en select2 se ven diferentes. En una sola, se abre una ventana a continuación con texto, pero en múltiples parece una barra de búsqueda en Google sin texto. ¿Cómo hacer la misma opción de selección única en select2 ?
En realidad, puedes limitar tus opciones:
$('selector').select2({ maximumSelectionLength: 1 });No eres la primera persona que intenta hacer esto. Pero no está disponible ahora.
Puede verificar este problema para algunas variantes: https://github.com/ivaynberg/select2/issues/1345
La respuesta de los desarrolladores para este problema fue:
Esto se incorporó para la versión 4.1.0 (olvidé etiquetarlo), por lo que, con un poco de suerte, debería llegar al núcleo de Select2 o estar disponible como complemento en los próximos meses.
Ahora tiene la versión 4.0.3, espere el nuevo lanzamiento y espere que realmente lo hagan :)
No estoy seguro de si usted pidió esto. Pero estaba buscando esto y, aunque llegaba tarde, pensé que sería útil para alguien.
He usado SCSS.
Demostración aquí: https://jsfiddle.net/ufr4dw5j/
.js-example-basic-single{ width:200px; } .select2{ &.select2-container{ top: -4px; .select2-selection--single{ height: 50px; border-radius:0; &:focus{ outline: none; } .select2-selection__rendered{ line-height: 50px; } .select2-selection__arrow{ display:none; } } } } .select2-container--default{ &.select2-container--open{ top:6px !important; } .select2-dropdown--below{ top: -4px; } .select2-search--dropdown{ padding: 0; .select2-search__field{ height: 48px; border:0; border-bottom: 1px solid #aaa; padding:10px; box-sizing: border-box; } } }