SweetAlert dropdown dynamically add items in list SweetAlert dropdown dynamically add items in list json json

SweetAlert dropdown dynamically add items in list


As the SweetAlert2 documentation says, inputOptions parameter can be object or Promise.

To populate select items dynamically you should use promises, here's the simple example:

var inputOptionsPromise = new Promise(function (resolve) {  // get your data and pass it to resolve()  setTimeout(function () {    resolve({      '#FF0000': 'Red',      '#00FF00': 'Green',      '#0000FF': 'Blue'    })  }, 2000)})Swal.fire({  input: 'select',  inputOptions: inputOptionsPromise})
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>