使用加载方法发送表单后隐藏“提交”按钮

Hide Submit button after send form with load method

本文关键字：隐藏 提交 按钮 表单 加载 方法      更新时间：2023-09-26

我创建了一个表单，并用将请求发送到其他页面

$(document).ready(function() {
$("#send").click(function() {
    var text = $("#text").val();
    var email = $("#email").val();
    $("#exp").load("sendmail.php",{text:text,email:email});
    });
});

以及我的表单代码：

<ul>
    <li><input type="text" name="name" id="text" /></li>
    <li><input type="text" name="email" id="email"/></li>
    <button class="button" id="send" >send email</button>
    <div id="exp" style="color:green;"></div>
</ul>

如何在发送邮件后隐藏提交按钮？

jQuery:

$(document).ready(function() {
    $("#send").click(function() {
        var text = $("#text").val();
        var email = $("#email").val();
        $.post("sendmail.php",{text:text,email:email}, function(){
             $('.form').hide();
        });
    });
});

Html:

<ul class="form">
    <li><input type="text" name="name" id="text" /></li>
    <li><input type="text" name="email" id="email"/></li>
    <button class="button" id="send" >send email</button>
    <div id="exp" style="color:green;"></div>
</ul>
相关文章：