单击模态提交按钮后打开警报窗口

Posted 2023-05-08

【中文标题】单击模态提交按钮后打开警报窗口

【英文标题】：open alert window once modal submit button clicked

【发布时间】：2018-05-04 06:33:58

【问题描述】：

<div class="modal" id="myInquiry" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button class="close" data-dismiss="modal">&times;</button>
                <h4 id="myModalLabel">Thank you for your feedback:</h4>
            </div>
            <div class="modal-body">
                <label for="inquiry">Feedback:</label>
                <textarea class="form-control" rows="5" id="inquiry"></textarea>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="submit" class="btn btn-primary" data-dismiss="modal" id="send">Send</button>
            </div>
        </div>
    </div>
</div>

这是我的模态页脚代码。我想单击发送按钮并关闭模式。关闭后，我希望弹出一个警报窗口或模式，并感谢用户提供反馈。我是 Web 开发的新手，经过多次尝试（在找到其他问题的不同解决方案后）后，我被困在这个问题上，但没有任何效果。

如果有帮助，模态的 div id 是“myInquiry”。

谢谢！

【问题讨论】：

您需要提供更多信息，您的整个代码，并向我们展示您到目前为止所做的尝试。

好的，我添加了整个模态 div 以供审核。谢谢！

【参考方案1】：

您需要向模态关闭按钮添加一个操作，最糟糕的方法是：

 <button type="button" class="btn btn-default" data-dismiss="modal" onclick="alert('thank you');">Close</button>

您可以将 ID 添加到按钮，然后使用 jQuery 来处理操作，并显示比这更好的东西。

【参考方案2】：

你可以像这样添加 jQuery 代码。

$('button#send').click(function() 
   alert('Alert Content');

然后您可以在单击发送提交按钮时看到警报“警报内容”。

【讨论】：

感谢您的帮助！

【参考方案3】：

Bootstrap modal 有一个hide.bs.modal 事件，您可以收听该事件，然后，当模式关闭（对用户隐藏）时，您可以显示感谢模式。这是jsfiddle 的示例。干杯，西格弗里德。

【讨论】：

非常感谢！

没问题 :)，很高兴为您提供帮助，如果答案符合您的目的，请将其标记为正确。干杯和快乐的编码

【参考方案4】：

也许你可以尝试添加一个

onclick="window.alert('<Your text here>')"

按钮的属性。

【讨论】：

非常感谢您的帮助！