2017-02-14 79 views
0

我試圖通過重置表單輸入:形式復位功能返回undefined

$("#form_employee_job")[0].reset(); 

的投入仍然瀰漫和控制檯回報undefined

什麼,我缺少什麼?

enter image description here

+1

你是什麼意思 '控制檯將返回'undefined''? 'reset()'不會返回任何東西,所以我不確定你期望在這裏發生什麼 –

+0

我的意思是瀏覽器控制檯,因爲我在瀏覽器控制檯嘗試了這個代碼,我期望表單輸入將被重置,但什麼也沒有發生 –

+1

在這種情況下,我們需要看到你的表單的HTML,因爲你的工作非常好:https://jsfiddle.net/eq67q7bz/請編輯你的問題,包括它 –

回答

1

看一看這個小提琴https://jsfiddle.net/yn2xeq6z/1/

如果你的表格ID是form_employee_job那麼一切都應該按預期工作。表單的所有輸入字段將被清除。

1

也許你錯過了別的東西,在你發佈的代碼之外?

這是一個工作jsfiddle,可能會幫助你的方式。此示例將在您按下按鈕時重置表單。

HTML

<form id='form_employee_job'> 
    <input type='text'/> 
</form> 
<button id="btn">reset</button> 

JS

$(document).ready(function() { 
    $("#btn").on("click", function() { 
    $("#form_employee_job")[0].reset(); 
    }); 
}); 
1

我相信,你的形式可能與POST領域POST數據/ GET請求。在這種情況下,表單重置將不起作用。

我不是100%確定這是錯誤還是工作方式。

如果以編程方式將某些值限定爲輸入,則可能無法重置。

爲了實現重置,您可以清空表單輸入。

$(':input','#myform') 
    .not(':button, :submit, :reset, :hidden') 
    .val('') 
    .removeAttr('checked') 
    .removeAttr('selected'); 

請看到這個帖子Resetting a multi-stage form with jQuery