Select 2 en Laravel
Comprar curso

142. Select 2 en Laravel

En este capítulo, descubre cómo utilizar Select 2 en Laravel 10. Aprende cómo utilizar Select 2 para crear un campo de selección enriquecido en tus formularios.


1 comentarios

Inicia sesión para comentar

Comentarios:

  • Victor Arana Flores

    Victor Arana Flores hace 11 meses Destacado

    Para utilizar Select2 en Laravel 10, necesitarás seguir los siguientes pasos:

    1. Instalar Select2 usando npm:
    npm install select2 --save-dev

    2. Importar los archivos CSS y JS de Select2 en tu archivo app.scss y app.js, respectivamente:

    En app.scss:

    @import '~select2/dist/css/select2.css';

    En app.js:

    import 'select2';

    3. Agregar la clase select2 a tu campo de selección en tu formulario Blade:

    <select class="select2" name="category">
       @foreach($categories as $category)
           <option value="{{ $category->id }}">{{ $category->name }}</option>
       @endforeach
    </select>

    4. Inicializar Select2 en tu archivo app.js:

    $(document).ready(function() {
       $('.select2').select2();
    });

    Con estos pasos, deberías poder utilizar Select2 en tu aplicación Laravel 10 para crear campos de selección enriquecidos en tus formularios.