我想清除表单中的所有输入和文本区域字段。当使用reset类的输入按钮时,它的工作原理如下:
$(".reset").bind("click", function() {
$("input[type=text], textarea").val("");
});
这将清除页面上的所有字段,而不仅仅是表单中的字段。我的选择器看起来像什么形式的实际重置按钮生活?
我想清除表单中的所有输入和文本区域字段。当使用reset类的输入按钮时,它的工作原理如下:
$(".reset").bind("click", function() {
$("input[type=text], textarea").val("");
});
这将清除页面上的所有字段,而不仅仅是表单中的字段。我的选择器看起来像什么形式的实际重置按钮生活?
当前回答
为什么需要用JavaScript来完成呢?
<form>
<!-- snip -->
<input type="reset" value="Reset"/>
</form>
http://www.w3.org/TR/html5/the-input-element.html#attr-input-type-keywords
先尝试一下,它不会清除具有默认值的字段。
下面是一种用jQuery实现的方法:
$('.reset').on('click', function() {
$(this).closest('form').find('input[type=text], textarea').val('');
});
其他回答
为什么不使用document.getElementById("myId").reset();? 这是简单而漂亮的
为什么需要用JavaScript来完成呢?
<form>
<!-- snip -->
<input type="reset" value="Reset"/>
</form>
http://www.w3.org/TR/html5/the-input-element.html#attr-input-type-keywords
先尝试一下,它不会清除具有默认值的字段。
下面是一种用jQuery实现的方法:
$('.reset').on('click', function() {
$(this).closest('form').find('input[type=text], textarea').val('');
});
$('form[name="myform"]')[0].reset();
通过使用JQuery的.trigger()和原生javascript的.reset()的组合,可以将所有表单元素重置为空白状态。
$(".reset").click(function(){
$("#<form_id>").trigger("reset");
});
将<form_id>替换为form的id来重置。
添加隐藏复位按钮如下
<input id="resetBtn" type="reset" value="reset" style="display:none" />
// Call reset buttons click event
// Similar to ClearInputs('resetBtn');
function ClearInputs(btnSelector) {
var btn = $("#" + btnSelector);
btn.click();
}