Php 在提交页面上停留在当前页面,但应显示新项目
我有一个名为file.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
<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;