Как получить значение выбранного варианта из Sweetalert, используя Javascript - PullRequest
Новая
       48

Как получить значение выбранного варианта из Sweetalert, используя Javascript

0 голосов
/ 04 августа 2020

, как сказано в заголовке, как мне получить значение внутри inputOptions от Sweetalert, чтобы я мог показать его внутри корзины покупок после того, как пользователь нажимает на AddtoCart?

Мне удалось сделать это без Sweetalert, используя элемент select и option, но я хочу узнать, как реализовать его с помощью sweetalert.

Ниже приведен код для sweetalert: 

$('.dressing_tab').on('click',function() {
   (async () => {
         const { value: dressing } = await Swal.fire({
        title: 'Dressing',
        input: 'select',
        inputOptions: {
          'Salat': {
            Italienisch: 'Italienisch',
            Französisch: 'Französisch',
            OhneDressing: 'Ohne Dressing',
            Balsamico: 'Balsamico'
          },
        },
        inputPlaceholder: 'Dressing wählen',
        showCancelButton: true,
        inputValidator: (value) => {
          return new Promise((resolve) => {
            if (value === 'Salat') {
              resolve()
            } else {
              resolve()
            }
          })
        }
      })
      Swal.fire({
        title: 'Besondere Hinweise?',
        input: 'textarea',
          inputPlaceholder: 'Hier hinzufügen. Wir geben unser Bestes den Wunsch zu erfüllen.',
          inputAttributes: {
            'aria-label': 'Type your message here'
          },
          showCancelButton: true
        })
    })()
  })
  //  Get Selected Option Value
  function getSelectValue(){
            var selectedValue = document.getElementById("dressing_tab").value;
        }
        getSelectValue();

первая ссылка показывает sweetalert в действии: https://streamable.com/u65ok4 вторая ссылка показывает vanilla JS в действии, а также работает: https://streamable.com/c0e2ob

Пожалуйста, если вы можете помочь, вы тоже могли бы будь таким добрым и объясни мне шаг за шагом, что мне не хватает или что я делаю неправильно? Спасибо.

...