Basic usage (Español)

single select boxes

Select2 fue diseñado para ser un reemplazo para el estándar <select> box que se muestra en el navegador. De forma predeterminada, admite todas las opciones y operaciones que están disponibles en un cuadro de selección estándar, pero con mayor flexibilidad.

Select2 puede tomar un cuadro de selección normal como este…

y convertirlo en esto…,

<select class="js-example-basic-single" name="state"> <option value="AL">Alabama</option> ... <option value="WY">Wyoming</option></select>

Select2 se registrará como una función jQuery si usa cualquiera de las compilaciones de distribución, por lo que puede llamar a .select2() en cualquier selector de jQuery donde desee inicializar Select2.

// In your Javascript (external .js resource or <script> tag)$(document).ready(function() { $('.js-example-basic-single').select2();});

El DOM no se puede manipular de forma segura hasta que esté «listo»., Para asegurarse de que su DOM esté listo antes de que el navegador inicialice el control Select2, envuelva su código en un bloque $(document).ready(). Solo se necesita un bloque $(document).ready() por página.

seleccionar varias cajas (caja de pastillas)

Select2 también soporta multi-valor de los cuadros de selección. La siguiente selección se declara con el atributo multiple.

En el HTML: