代码之家 › 专栏 › 技术社区 › WannaBaCODER

Sweet Alert中的HTML

sweetalert jquery javascript

WannaBaCODER · 技术社区 · 7 年前

医生说

下面的代码可以工作,但显示了整个 <a href .... </a> 而不仅仅是点击这里

swal({
  title: "TITLE HERE",
  //text: "<a href='#'>CLICK HERE<a>",
  html: true
});

3 回复 | 直到 7 年前

Niladri 7 年前

这段代码应该有效。您可以使用 content 现在使用特定的DOM元素

var el = document.createElement("a");
el.href = "www.stackoverflow.com";
el.innerText = "Click here";
swal("Write something here:", {
  content: el,
});

https://sweetalert.js.org/docs/#content

如示例所示,您可以将滑块输入传递给警报

https://jsfiddle.net/vq13hac4/2/

John Deptuch 7 年前

swal("Write something here:", {
    content: {
        element: "a",
        attributes: {
            href: "http://www.stackoverflow.com",
            innerText: "Click here"}}});

gtamborero 4 年前

@Niladri选项适用于Sweet Alert 2。

      var form = document.createElement("div");
      form.innerHTML = `
      <span id="tfHours">0</span> hours<br>
      <input style="width:90%;" type="range" name="tfHours" value=0 step=1 min=0 max=25
      onchange="window.changeHours(this.value)"
      oninput="window.changeHours(this.value)"
      ><br>
      <span id="tfMinutes">0</span> min<br>
      <input style="width:60%;" type="range" name="tfMinutes" value=0 step=5 min=0 max=60
      onchange="window.changeMinutes(this.value)"
      oninput="window.changeMinutes(this.value)"
      >`;

      swal({
        title: 'Request time to XXX',
        text: 'Select time to send / request',
        content: form,
        buttons: {
          cancel: "Cancel",
          catch: {
            text: "Create",
            value: 5,
          },
        }
      }).then((value) => {
        //console.log(slider.value);
      });

我创建了一个代码笔,里面有一个甜蜜的警报表单数据。 Try it here!

推荐文章

Exact · 如何在ASP MVC中提交警报后重定向到其他页面

7 年前

Eric Bergman · SweetAlert2:设置对话框高度

7 年前

Pamela · php while循环中基于id的Sweet警报和ajax调用

7 年前

Ali Zia · 带正确消息的Sweet Alert自定义正则表达式验证

7 年前

Martin Nordström · 您必须传递有效的ReactElement | Sweetalert react

7 年前

WannaBaCODER · Sweet Alert中的HTML

7 年前

Iamgisnet · 如何设置sweetAlert的样式

7 年前

rupesh · 在Sweet alert 2中传递PHP variabe

7 年前

Vinny Marcos Placona · 如何将SweetAlert与剪贴板一起使用。js库?

7 年前

contrariwise · sweetalert2中按钮延迟出现

7 年前