Breaking News: Grepper is joining You.com. Read the official announcement!

in sweetalert2, I would like to create an input of selection and use ajax call to get a list as the inputoption

Idaho Potato answered on February 9, 2023 Popularity 1/10 Helpfulness 1/10

answer in sweetalert2, I would like to create an input of selection and use ajax call to get a list as the inputoption

in sweetalert2, I would like to create an input of selection and use ajax call to get a list as the inputoption

Comment

Swal.fire({
  title: 'Select an option',
  input: 'select',
  inputOptions: new Promise((resolve) => {
    fetch('https://jsonplaceholder.typicode.com/posts')
      .then(response => response.json())
      .then(posts => {
        const options = {};
        posts.forEach(post => {
          options[post.id] = post.title;
        });
        resolve(options);
      });
  }),
  inputPlaceholder: 'Select an option',
  showCancelButton: true,
  inputValidator: (value) => {
    return new Promise((resolve) => {
      if (value !== '') {
        resolve();
      } else {
        resolve('You need to select an option');
      }
    });
  }
})
.then((result) => {
  if (result.value) {
    Swal.fire(`You selected: ${result.value}`);
  }
});

Popularity 1/10 Helpfulness 1/10 Language whatever

Source: Grepper

Tags: ajax call get input list selection whatever

Link to this answer
Share Copy Link

Contributed on Feb 09 2023

Idaho Potato

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

in sweetalert2, I would like to create an input of selection and use ajax call to get a list as the inputoption

Contents

More Related Answers

in sweetalert2, I would like to create an input of selection and use ajax call to get a list as the inputoption

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.