如何使用JQuery重置单个输入元素

如何使用JQuery重置单个输入元素,jquery,html-input,Jquery,Html Input,如何使用JQuery(是JQuery还是JavaScript)重置单个输入元素 显示了如何重置整个表单,但我想重置单个元素,而不是整个表单。您可能需要为此使用hack 使用.wrap()将所需输入临时包装为表单 $('input1,'input2').val('testUpdated'); $('#input1')。换行(''; $('#input1')。最近('form')[0]。重置(); $('#input1')。展开() 尝试使用$(this).val(defaultVal)作为

如何使用JQuery(是JQuery还是JavaScript)重置单个输入元素


显示了如何重置整个表单,但我想重置单个元素,而不是整个表单。

您可能需要为此使用hack

使用
.wrap()
将所需输入临时包装为表单

$('input1,'input2').val('testUpdated');
$('#input1')。换行('';
$('#input1')。最近('form')[0]。重置();
$('#input1')。展开()

尝试使用
$(this).val(defaultVal)作为

('#maincontainer').find('textarea,input[type=text]').each(function () {
        var defaultVal = $(this).data('default');
        $(this).val(defaultVal);
    });

如果您希望清除特定输入,请更改ID这里我只是演示如何清除输入和文本区域。一般来说,

您可以使用defaultValue属性访问输入元素的原始值

例如,您可以执行以下操作:

var myInput = document.getElementById("myInput");

myInput.value = myInput.defaultValue;

如果该值已在输入元素中设置,则可以将其引用回

$('#resetName')。单击(函数(){
$('名称').val($('名称').attr('值');
});


重置名称
使用jQuery重置单个输入字段:

$('#myField').val($('#myField').prop("defaultValue"));
这很简单

$('#escape').on('click', function(e){
                        $('#field').val($('#field').defaultValue);
});

$('#myinputid').val('')
@usandfriends假设原始值是
'
。我是说,我觉得你的想法很聪明。为什么不将
附加到正文中,将输入移动到其中,重置表单,然后将输入重新移动到其原始位置?虽然,我不知道在原始表单中重置输入有多重要。即使输入已经在表单中,也可以临时包装另一个表单。这似乎是一个更好的答案。当我测试它时,对它进行了修改,
$(this).data('default')
返回未定义的。这是您想要的行为吗?您应该将默认设置为空白我不知道您需要这种信息问题只是说明重置输入,而没有明确定义
数据默认值
,这将返回
未定义的
,因此不太实际我已经多次阅读该问题,但没有提到他需要得到的值,他想要的就是重置输入,这个例子就是这样做的,不过还是要谢谢你