要在提交页面上停留在当前页面,但应该显示PHP的新项目


To stay on the current page on submitting page but should display new items 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" 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库的情况下做到这一点:

函数submit_form_function(({document.getElementById('my_for'(.style.display='none';document.getElementById('my_welcome_message'(.style.display='block';}