Sweet Alert

时间:2017-04-06 22:20:38

标签: sweetalert

这可能是ServiceNow问题,但我添加了一个Sweet Alert来显示一个选择框,这样我就可以收集一个值来传递到下一条记录......但是选择框没有显示,弹出窗口就在那里没有盒子或选项。我错过了什么?截图: Select Box Alert

非常感谢,对我认为很容易添加的内容感到非常沮丧:)

swal({
  title: 'Select Outage Tier',
  input: 'select',
  inputOptions: {
    '1': 'Tier 1',
    '2': 'Tier 2',
    '3': 'Tier 3'
  },
  inputPlaceholder: 'required',
  showCancelButton: true,
  inputValidator: function (value) {
    return new Promise(function (resolve, reject) {
      if (value !== '') {
        resolve();
      } else {
        reject('You need to select a Tier');
      }
    });
  }
}).then(function (result) {
  swal({
    type: 'success',
    html: 'You selected: ' + result
  });
});

2 个答案:

答案 0 :(得分:2)

您的代码段适用于SweetAlert2,很可能您的问题是您包含原始未维护的SweetAlert插件,该插件没有选择框支持。< / p>

您的代码可以正常使用附带的SweetAlert2库:

&#13;
&#13;
swal({
  title: 'Select Outage Tier',
  input: 'select',
  inputOptions: {
    '1': 'Tier 1',
    '2': 'Tier 2',
    '3': 'Tier 3'
  },
  inputPlaceholder: 'required',
  showCancelButton: true,
  inputValidator: function (value) {
    return new Promise(function (resolve, reject) {
      if (value !== '') {
        resolve();
      } else {
        reject('You need to select a Tier');
      }
    });
  }
}).then(function (result) {
  if (result.value) {
    swal({
      type: 'success',
      html: 'You selected: ' + result.value
    });
  }
});
&#13;
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@7"></script>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

您好,请在更改该块后再尝试

   var span = document.createElement("span") 

    span.innerHTML = '<div class="dropdown"> 

         <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Dropdown Example                            
           <span class="caret"></span></button>                     
   <ul class="dropdown-menu"> 
<li><a href="#">HTML</a></li> 
            <li><a href="#">CSS</a></li>                         
          <li><a href="#">JavaScript</a></li>                  
    </ul> 

    swal({
        title: "Rapor Alacak Yetkili ",
        text: "Rapor Almak İçin Onaylayınız",
        icon: "info",
        confirmButtonText: "Kaydet",
        cancelButtonText: 'İptal',
        content: span,
        buttons: ["İptal", "Tamam"],

    }).then((willDelete) => {
        if (willDelete) {
            Kullanici = $("#swaladi").val() + " " + $("#swalsoyadi").val()

            var win = window.open(url, '_blank');
            win.focus();
        } else {
            swal("Rapor Alma İptal Edilmiştir.");
        }
    })