2011-05-09 82 views
0

嘿,我想重置窗体,但我不知道如何。我的意思是我应该在哪里添加事件。我希望表单应该在我提交表单之后或在iframe中加载结果之前重置。html窗体相关的问题

<div class="mainArea"> 
     <iframe id="uploadTarget" name="uploadTarget" src="OnlineExam?q=allQuestions" 
     style="width:15%;height:100%;border:1px solid #fff; float:left;" >   
     </iframe>  
     <div id="questionArea"> 
     <h1 class="headingClassC">Please Input Questions: </h1> 
     <br class="clearFormatting"/> 
     <span class="instructions"><br/> 
     1. You can use HTML tags to format your text 
     <br/> 
     2. To Edit a previously inserted question please click on the question no. shown on the left side.<br/> 
     3. You can attach an image file with the question which will be used as reference. <br/> 
     </span>  
     <form action="OnlineExam?q=saveQuestion" method="post" target="uploadTarget" id="inputQuestionForm"> 
     <fieldset> 
     <legend>Question</legend> 
     <textarea class="questionArea" id="question" name="question">Enter Question.</textarea> 
     <br class="clearFormatting"/>    
     <input class="optionsInput" value="optionA" name="optionA" onfocus = "clearValues('optionA')" onblur = "setValues('optionA')"/> 
     <br class="clearFormatting"/> 

     <input class="optionsInput" value="optionB" name="optionB" onfocus = "clearValues('optionB')" onblur = "setValues('optionB')"/> 
     <br class="clearFormatting"/> 

     <input class="optionsInput" value="optionC" name="optionC" onfocus = "clearValues('optionC')" onblur = "setValues('optionC')"/> 
     <br class="clearFormatting"/> 

     <input class="optionsInput" value="optionD" name="optionD" onfocus = "clearValues('optionD')" onblur = "setValues('optionD')"/> 
     <br/> 
     <input class="optionsInput" value="answer" name="answer" onfocus="clearValues('answer')" onblur="setValues('answer')"/>  
     <input type="submit" value="Save"/> 
     <input type="reset" value="Cancel" /> 
     <button style="display: none" onclick="return deleteQuestion()" >Delete</button>   
     </fieldset> 
     </form> 
     <br/><br/> 
     Once you have finished inputing question <a href="OnlineExam?q=ready">click here</a> to go back. 

     </div>  
    </div> 

回答

0

误解你的问题...

您需要使用JavaScript来重置表单。 这里是这样做的一个良好的开端:

Resetting a multi-stage form with jQuery

你应该在你的iframe添加脚本调用到父框架和清除表单一次的iframe负荷。

在提交事件之前,您显然无法清除表单。