javascript - 如何在 jQuery 中恢复文本字段的默认值？

Question

我有一个包含一些 <input type="text"> 的表格的页面领域。每个字段旁边都有一个按钮。我允许用户更改输入字段的文本。但是当用户点击输入框旁边的按钮时，相应的输入框的值需要恢复到默认(以前)的值。

我试图创建一个以索引作为输入字段名称的数组。这个数组可以存储默认值，并且可以很容易地检索并恢复到它们对应的字段。我尝试使用 keyup(function() 来做到这一点，但我知道每次按下键时都会触发。

这是我的 HTML；

<input class="zx" type="text" name="qwer" value="Google" /><button class="cncl">X</button><br />
<input class="zx" type="text" name="qwer" value="Yahoo" /><button class="cncl">X</button><br />
<input class="zx" type="text" name="qwer" value="Bing" /><button class="cncl">X</button><br />
<input class="zx" type="text" name="qwer" value="Ask" /><button class="cncl">X</button><br />

Here 是 fiddle 。

如何恢复字段的默认值？

Answer 1

您可以使用 defaultValue输入元素的属性

$('.cncl').click(function(){
    $(this).prev().val(function(){
        return this.defaultValue;
    })
})

演示:Fiddle