Javascript 如何在单击按钮时显示表单?
我面临一个问题。我已经创建了一个表单,用户必须输入候选人的详细信息,并上传他/她的图片。问题是,表单中有一个按钮显示“单击以添加更多候选人”,因此,当单击该按钮时,相同的表单应重新出现在名为“更多候选人”的分区下。现在要做到这一点,我应该怎么做呢?我想到的事情如下:Javascript 如何在单击按钮时显示表单?,javascript,ajax,forms,button,onclick,Javascript,Ajax,Forms,Button,Onclick,我面临一个问题。我已经创建了一个表单,用户必须输入候选人的详细信息,并上传他/她的图片。问题是,表单中有一个按钮显示“单击以添加更多候选人”,因此,当单击该按钮时,相同的表单应重新出现在名为“更多候选人”的分区下。现在要做到这一点,我应该怎么做呢?我想到的事情如下: 要在javascript中创建一个函数,精确地创建表单内容(即所有输入字段等)和按钮“单击以添加更多候选项”的onclick,请调用上述部分下的函数。我可以这样做,因为在过去我做过类似的事情。然而,这一次我不认为再次创建整个表单是个
onclick
,请调用上述部分下的函数。我可以这样做,因为在过去我做过类似的事情。然而,这一次我不认为再次创建整个表单是个好主意,因为我已经在其间编写了一个PHP函数来读取目录<div id="candidateForm">
<table border="0">
<form method="post" action="formDetails.php" enctype="multipart/form-date">
<tr>
<td>Candidate Name:</td>
<td><input class="candidateForm" type="textbox" name="candidateName" placeholder="Candidate's Name"/></td>
</tr>
<tr>
<td>Enroll No:</td>
<td><input class="candidateForm" type="textbox" name="enrollNumber" placeholder="Enroll No"/></td>
</tr>
<tr>
<td>Candidate Image:</td>
<td><input class="candidateForm" type="file" name="candidateImage" placeholder="Select a Image"/></td>
</tr>
<tr>
<td>Cadidate Post:</td>
<?php
//This is the target folder that is going to be read.
$target="uploads/";
//I an using a directory function in PHP scandir() which scans tha contains of the give directory
$dir=scandir($target);
?>
<td>
<select name="candidatePost">
<option value="candidatePost" select="selected">---------Select---------</option>
<?php
foreach($dir as $folders)
{
//When we loop throung the target folder/directory we get this annoying two folder that is "." and ".." so just to rule then out i m using an IF condition
if($folders!="."&& $folders!="..")
//echo $folders;
echo "<option class='candidateForm' value=$folders>$folders</option>";
}
?>
</select>
</td>
</tr>
<tr>
<td>About The Candidate:</td>
<td><textarea name="aboutCandidate" cols="40" rows="5"></textarea></td>
</tr>
<div id="moreCandidates"> </div>
<tr>
<td></td>
<td><input type="button" value="Click To Add More Candidate"></input> </td>
</tr>
<tr>
<td></td>
<td><input type="submit" name="candidateFormSubmit" value="Press Here To Submit The Details" onclick=""/></td>
</tr>
</form>
</table>
</div>
候选人姓名:
注册号:
候选图像:
Cadidate职位:
---------挑选---------
请记住,要在不刷新整页的情况下发送要上载的文件,必须将表单提交到iframe。然后,你可以在那个iframe上收听加载事件。嗯,我对iframe一无所知,我是一个普通的新手,有没有其他更简单的方法来实现这一点……这非常简单,如果你想实现你想要做的这些更改,这是必要的。。。Javascript也是必需的。请检查。嘿,谢谢你,伙计。。。我会经历的。。。如果有更简单的方法来完成这项任务。。。请让我知道。。。