Skip to main content
3 de 3
se añadieron 201 caracteres en el cuerpo

No puedo colocar un sweetalert con una lista desplegable (inputoption)

Estoy trabajando en un proyecto en el que abro un listado de "personajes", de allí tengo un botón de acción para guardar los datos del personaje, pero antes de guardar, quiero abrir un alert en el que se muestre una lista desplegable con un par de opciones, que también serán guardadas conjuntamente con los otros datos. Mi problema es que no puedo ejecutar el código de la lista desplegable que saque de https://sweetalert2.github.io/,

    const { value: fruit } = await Swal.fire({
      title: 'Select field validation',
      input: 'select',
      inputOptions: {
        'Fruits': {
          apples: 'Apples',
          bananas: 'Bananas',
          grapes: 'Grapes',
          oranges: 'Oranges'
        },
        'Vegetables': {
          potato: 'Potato',
          broccoli: 'Broccoli',
          carrot: 'Carrot'
        },
        'icecream': 'Ice cream'
      },
      inputPlaceholder: 'Select a fruit',
      showCancelButton: true,
      inputValidator: (value) => {
        return new Promise((resolve) => {
          if (value === 'oranges') {
            resolve()
          } else {
            resolve('You need to select oranges :)')
          }
        })
      }
    })
    
    if (fruit) {
      Swal.fire(`You selected: ${fruit}`)
    }

Quiero utilizar adaptar una lista desplegable similar en el siguiente script.

<script>
function confirmar(id_matricula) {
    swal({
        title: "Confirmación",
        text: "¿Agregar este personaje al listado?",
        type: "warning",
        showCancelButton: true,
        confirmButtonClass: "btn-danger",
        confirmButtonText: "Confirmar",
        closeOnConfirm: false,
        cancelButtonText: "Cancelar"
    },
    function () {
        $('#tabla_listado_gral_personas').html('<p style="text-align:center;"><img src="<?php echo base_url(); ?>./images/reload2.gif" /></p>');
        $.ajax({
            url: base_url + "DatosPersona/confirmar",
            type: "GET",
            data: {
                id_matricula: id_matricula
            }
        }).done(function (data) {
                $('#tabla_personajes_listar').load(base_url + "DatosPersona/cargar_tabla_personajes/", function () {
                $(this).html();
            });
            //
            swal("Confirmado!", "Se guardó en el listado", "success");
        });
    });
}

Tengo instalado el plugin en 'proyecto\js\plugins\sweetalert.min.js', no se si tengo que agregar algo más, lo cambien 'proyecto\js\plugins\sweetalert2.min.js' pero tampoco funciona, no se la verdad que hay que hacer, todavía estoy aprendiendo.


Al final solo me quede con el sweetalert, no pude configurar el sweetalert2. Tengo todo basado en el primero. Saludos