javascript - jQuery 从隐藏输入字段获取默认值

Question

我有以下输入字段

<input type="hidden" name="field1" id="field1" value="">
<input type="input" name="field2" id="field2" value="">

在我做了一些操作来为它们赋值之后

$("#fiedl1").val("value1");
$("#fiedl2").val("value2");

然后当我想将它们重置为原始值时，我想获取它们的默认值

$("#fiedl1").val( $("#field1").prop("defaultValue") );
$("#fiedl2").val( $("#field2").prop("defaultValue") );

但是，field1 仍保留分配的值 value1，但 field2 具有默认值 ""。似乎hidden字段不能设置为其defaultValue？

Answer 1

执行此操作的简单方法是向 html 输入标记添加 data-default 属性:

<input type="hidden" name="field1" id="field1" value="" data-default="150">
<input type="input" name="field2" id="field2" value="" data-default="150">

并使用.data获取值:

$("#field1").val( $("#field1").data("default") );
$("#field2").val( $("#field2").data("default") );

Test it!!