我想清除表单中的所有输入和文本区域字段。当使用reset类的输入按钮时,它的工作原理如下:
$(".reset").bind("click", function() {
$("input[type=text], textarea").val("");
});
这将清除页面上的所有字段,而不仅仅是表单中的字段。我的选择器看起来像什么形式的实际重置按钮生活?
我想清除表单中的所有输入和文本区域字段。当使用reset类的输入按钮时,它的工作原理如下:
$(".reset").bind("click", function() {
$("input[type=text], textarea").val("");
});
这将清除页面上的所有字段,而不仅仅是表单中的字段。我的选择器看起来像什么形式的实际重置按钮生活?
当前回答
如果有人还在阅读这篇文章,这里有一个最简单的解决方案,使用的不是jQuery,而是纯JavaScript。如果你的输入字段在表单中,有一个简单的JavaScript重置命令:
document.getElementById("myform").reset();
更多信息请点击这里: http://www.w3schools.com/jsref/met_form_reset.asp
干杯!
其他回答
让我们说,如果你想清除字段,除了accountType,在同一时间下拉框将被重置为特定的值,i。“所有”。其余字段应重置为空即文本框。这种方法将用于清除我们需要的特定字段。
$(':input').not('#accountType').each( function() {
if(this.type=='text' || this.type=='textarea'){
this.value = '';
}
else if(this.type=='radio' || this.type=='checkbox'){
this.checked=false;
}
else if(this.type=='select-one' || this.type=='select-multiple'){
this.value ='All';
}
});
如果我想清除除accountType以外的所有字段,请使用以下方法
$q(':input','#myform').not('#accountType').val('').removeAttr('checked').removeAttr('selected');
我用这个:
$(".reset").click(function() {
$('input[type=text]').each(function(){
$(this).val('');
});
});
这是我的按钮:
<a href="#" class="reset">
<i class="fa fa-close"></i>
Reset
</a>
$(".reset").click(function() {
$(this).closest('form').find("input[type=text], textarea").val("");
});
使用jQuery实现正常复位函数
setTimeout("reset_form()",2000);
并把这个函数写出来的网站jQuery文档就绪
<script>
function reset_form()
{
var fm=document.getElementById('form1');
fm.reset();
}
</script>