2012-12-05 36 views
1

我試圖重置表單,但它沒有清除以前的選擇。所以當我刷新頁面並提交時,會記住舊的值並提交它們。即使我沒有在表格上做任何選擇。這是代碼:不使用javascript重置表格

<script> 
$(function(){ 
    $("#eventForm")[0].reset(); 
    }); 
</script> 

感謝

編輯:形式

<form id="eventForm">    
    <select name="eventer" id="abc"> 
     <option value="" disabled="disabled" selected="selected">Select Event</option> 
     <option value="USA">US</option> 
     <option value="UK">UK/option> 
     <option value="Fr">France</option> 
    </select> 

    <input type="submit" id="open" onclick="heading()" value="Start" /> 
    <input type="button" id="close" onclick="closeAnalysis()" value="Stop"/> 

我試圖清除它們這個樣子,但沒有成功:

$(document).ready(
    function(){ 
    $("#close").click(
    function(){ 
    var values = []; 
    var selected = $("select").each(
     function(){ 
     values.push($(this).val()); 
     }); 
    this.form.reset(); 
    for (i=0;i<selected.length;i++) 
    $(selected[i]).val(values[i]); 
    }); 
    } 
); 
+1

請參閱http://stackoverflow.com/questions/2002957/jquery-form-reset-exclude-select-box – djjeck

+0

可能是特定於瀏覽器的,你測試了什麼? – roryf

+3

@ user94628:忽略我的回答,我在遭受鼻竇感染時很快回復,我的答案甚至不準確或有幫助。 –

回答

1

reset()返回領域加載到頁面加載時設置的初始值。它不會刪除文字。如果你想刪除文本,你將不得不遍歷元素並清除它們。

+0

哇,我花了很多時間把我的頭轉過來! – stephenmurdoch