2014-10-10 54 views
0

我创建了一个表格并发送请求到其他页面:隐藏提交按钮发送表格后加载方法

$(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> 

我怎么能隐藏后提交按钮发送邮件 ?

回答

1

的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>