Javascript 单击事件时在js函数内运行html

我想在这个swal警报中添加表单，样式简单，如下所示

$（“.modal btnprize”）。单击（函数（）{
变量列表=''+'YourName'+
''+
''+
''+
''
游泳({
标题：“资格标准”，
allowOutsideClick:真，
文本：列表，
是的，
});   
});

您的“列表”（包含html元素）变量应为html格式，而不是我的代码片段中显示的文本格式。另外，您使用的是Bootstrap的输入类，所以我认为如果您想实现这一点，您还可以添加Bootstrap和font-some

您还可以查找更新

$（“.modal btnprize”）。单击（函数（）{
变量列表=''+'YourName'+
''+
''+
''+
''
游泳({
标题：“资格标准”，
allowOutsideClick:真，
文本：“此处不是html”，
html:list，
});   
});
我想你的意思是你没有正确地看到你的html。这是因为sweetalert有一个CSS类，名为
。sweet alert input
。其属性显示为：无；，只有在更改抽汲类型时，该选项才会消失。但在您的情况下，只需使用
display:block
或
inline block
定义一个新类即可

注意：顺便说一下，这是针对原始的sweetalert，而不是Sweetalert2

PS：下次如果你能让我们知道什么不起作用，那会很有帮助。
事实上，你省略了列表变量声明后的分号谢谢你的解决方案兄弟，你能解释一下我出错的列表部分吗
swal（{title:“资格标准”），allowOutsideClick:true，文本：'Not html here'，html:list，}）html
而不是
text
，我认为
text
只支持文本格式，而不支持
html
元素，如
input type
<div id="centerprize" style="display: ;">
    <a href='#' class="modal-btnprize">Win Prize</a>
</div>

<script type="text/javascript">
    $(".modal-btnprize").click(function() {
        var list='<div class="form-group">'+'<label for="InputName">YourName</label>'+
        '<div class="input-group">'+
        '<input type="text" class="form-control" name="InputName" id="InputName" placeholder="Enter Name" required>'+
        '<span class="input-group-addon"><i class="fa fa-twitter"></i></span></div>'+
        '</div>'
        swal({
            title: "Eligibility Criteria",
            allowOutsideClick:true,
            text: list,
            html:true,
        });   
    });
</script>