sweetalert2中插入一段html无法获取内容

博主在尝试将HTML插入到Sweetalert2弹框中以展示一个表单时,遇到无法通过jQuery获取选中值的问题。尝试原生JavaScript同样未果。文章提到不建议直接在Sweetalert2中使用自定义HTML,建议利用其内置API来获取输入值。最终,博主决定放弃Sweetalert2用于展示自定义内容,转而采用Bootstrap模态框插件。
摘要由CSDN通过智能技术生成

原因是自己把一段html加入到它弹框中显示

在这里插入图片描述

它是一个表单内容,但是我通过jquery取值的时候死活取不到选中后的值
不管是原生还是jq都取不到

        //获取发布类型
        let type = $("  select[name='type']").val();


        var myselect = document.querySelector('#type');

       var index = myselect.selectedIndex;         //获取被选中的索引

        var type = myselect.options[index].value;      //获取被选中的值

最后也没解决,不过查阅到一篇文章
在这里插入图片描述
意思是不建议这样用,用它内置的api来获取input的值

最终我放弃了…

不打算用sweetalert2这个插件来展示自定义的html内容了

只打算用sweetalert2这个插件来进行提示和删除确认使用

而 要自定义html内容就是用bootstrap自带的模态框插件

http://cn.voidcc.com/question/p-nffeqjaq-tm.html
SweetAlert 是一个美观、高度可定制且易于使用的 JavaScript 弹出窗口库。它可以用于在 HTML 网页创建弹出窗口,以便向用户显示消息、警告或错误。下面是在 HTML 使用 SweetAlert 的基本步骤: 1. 在 HTML 引入 SweetAlert 的 CSS 和 JavaScript 文件: ``` <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script> ``` 2. 使用 SweetAlert 的 JavaScript API 在 HTML 创建弹出窗口。例如,下面的代码将在点击按钮时弹出一个简单的 SweetAlert 窗口: ``` <button onclick="swal('Hello world!')">点击我</button> ``` 3. SweetAlert 还提供了许多自定义选项,以便根据需要创建更复杂的弹出窗口。例如: ``` swal({ title: "您确定要删除此文件吗?", text: "文件将被永久删除,无法恢复!", icon: "warning", buttons: ["取消", "删除"], dangerMode: true, }) .then((willDelete) => { if (willDelete) { swal("文件已被删除!", { icon: "success", }); } else { swal("文件未被删除。"); } }); ``` 上面的代码将创建一个警告类型的 SweetAlert 窗口,其包含一个确认和取消按钮。如果用户单击“删除”按钮,将弹出另一个成功类型的 SweetAlert 窗口,否则将弹出一个简单的 SweetAlert 窗口来告诉用户文件未被删除。 希望这可以帮助你使用 SweetAlertHTML 创建弹出窗口。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值