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

前端之家收集整理的这篇文章主要介绍了javascript – 如何在jQuery中恢复文本字段的默认值?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个页面,其中包含一些< 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是小提琴.

如何将默认值恢复到字段?

解决方法

您可以使用input元素的 @L_301_2@属性

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

演示:Fiddle

猜你在找的jQuery相关文章