114. Select 2 en Laravel

Comentarios:

• 

  Victor Arana Flores hace 6 días 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.