2017-02-14 50 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