sweetalert - 缺少甜蜜警报的选择选项

标签 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
  });
});

最佳答案

您的代码片段适用于 SweetAlert2很可能您的问题是您包含了原始未维护的 SweetAlert插件,它没有选择框支持。
您的代码与包含的 SweetAlert2 库一起工作得很好:

Swal.fire({
  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 {
        resolve('You need to select a Tier');
      }
    });
  }
}).then(function (result) {
  if (result.isConfirmed) {
    Swal.fire({
      icon: 'success',
      html: 'You selected: ' + result.value
    });
  }
});
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

关于sweetalert - 缺少甜蜜警报的选择选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43266673/

相关文章:

javascript - 你必须传递一个有效的 ReactElement |甜心 react

javascript - 如何将javascript变量作为值加载到引导模式文本框中

javascript - sweetalert 立即消失

javascript - 使用 Java Servlet 的 SweetAlert

javascript - 如何访问$(this)里面sweetalert,里面AJAX成功

javascript - 将 Sweet alert 与 Typescript 类一起使用

javascript - 为什么此警报不适用于 javascript?

angularjs - 添加甜蜜警报 Angular js

javascript - 将 Sweet Alert 弹出窗口添加到 React 组件中的按钮

javascript - Sweet Alert Woocommerce 添加到购物车确认