Php 在提交页面上停留在当前页面,但应显示新项目

Php 在提交页面上停留在当前页面,但应显示新项目,php,Php,我有一个名为file.php的页面,其中有一个表单,但是当提交页面时,它应该留在这个页面上,表单不应该显示,而是应该显示一条欢迎消息 示例代码是 <form name="fn" method="post" action="postib.php"> <table align="center" border="1" > <TR><TD>Job Title</TD><TD><input type="text

我有一个名为file.php的页面,其中有一个表单,但是当提交页面时,它应该留在这个页面上,表单不应该显示,而是应该显示一条欢迎消息

示例代码是

    <form name="fn" method="post" action="postib.php">
   <table align="center" border="1" >

 <TR><TD>Job Title</TD><TD><input type="text" name="jobtitle"/></TD></TR>
    <TR><TD>Job Description</TD><TD><input type="textarea" name="jobdescription"/></TD></TR>
         <TR><TD>Location</TD><TD><select name="locid" id="locid" size="1"     style="width:190px;" onchange="showsub();"><option value="1" title="Any Location">Any    Location</option>
         <input type="submit">

创建隐藏的iframe:

<iframe id="my_hidden_iframe" style="display:none;></iframe>
然后将表单的目标设置为此iframe,并为表单设置onSubmit:

<form id="my_form" target="my_hidden_iframe" onSubmit="submit_form_function();">
创建默认情况下隐藏的欢迎消息div:

<div id="my_welcome_message" style="display: none;">Welcome...</div>
然后让submit_form_函数隐藏表单并添加欢迎消息:

function submit_form_function() { $('#my_form').hide(); $('#my_welcome_message').show(); } 上面的代码使用JQuery,您也可以在没有JS库的情况下执行此操作:

function submit_form_function() { document.getElementById('my_form').style.display = 'none'; document.getElementById('my_welcome_message').style.display = 'block'; }
如果你发布了你的实际代码,这将是很有帮助的。更好的方法是:发布一个简短的、自包含的、可运行的示例,演示您遇到的问题。提交时,我需要将发布的值发送到邮件中,并在该页面上显示欢迎。您需要发布实际代码。你的问题不是PHP,甚至不是有效的HTML.mail函数,我也可以这样写?你的PHP邮件函数应该在表单操作设置的文件中。因此表单变量将在隐藏的iframe中发布到该文件中。但是使用ajax,我希望隐藏已经存在的表单,并使用javascript显示新的MessageDoable。异步Javascript和XML;