Jquery重置没有擦除字段

时间:2014-06-27 11:06:50

标签: jquery reset

我需要擦除或清空表单的输入字段我使用此但不起作用:

<script>
jQuery(document).ready(function() 
{
jQuery("#contact_form").get(0).reset()  
});
</script>

<form id="contact_form" name="form" method="post" action="">

<input name="c_name" type="text" title="Insert Personal Name" value="Personal Name" />

</form>

脚本必须删除输入文本的内容,不显示文本个人姓名,案例不起作用,不重置表单

我不知道是否存在某些错误,但我认为必须有效

谢谢,问候

1 个答案:

答案 0 :(得分:1)

您无法使用内联属性重置具有输入值的表单,请使用.val()

<强> Demo

$("#contact_form input[name=c_name]").val('');

或添加按钮,并在点击事件时重置表单。

<强> Demo

$("button").click(function(){
    $("#contact_form")[0].reset();
});

注意:reset()将输入值更改为其初始值(在您的情况下,它将重置为个人名称。