swal with multiple inputs in dialog

by Ben Clayton

HTML

<script src="http://holograph.digital/script/rangy-1.2.3/rangy-core.js"></script>
<script src="http://holograph.digital/script/rangy-1.2.3/rangy-cssclassapplier.js"></script>

JavaScript

swal({
  title: 'Multiple inputs',
  html:
    '<input id="swal-input1" class="swal2-input">' +
    '<input id="swal-input2" class="swal2-input">',
  preConfirm: function () {
    return new Promise(function (resolve) {
      resolve([
        $('#swal-input1').val(),
        $('#swal-input2').val()
      ])
    })
  },
  onOpen: function () {
    $('#swal-input1').focus()
  }
}).then(function (result) {
  swal(JSON.stringify(result))
}).catch(swal.noop)