Javascript 如何还原文本框的更改

我在页面加载时加载一个文本框的值，文本框旁边会有一个按钮

如果我更改文本框的值并单击按钮，则文本框应在首次加载时加载文本框的值（类似于恢复对文本框所做的更改）

编辑从下面的自我回答中添加的代码

这是我的密码：

function revertTextValue() {
  alert("gamesUrl :") alert(gamesUrl${i});
  var x = document.getElementById("gamesUrl${i}").defaultValue; gamesUrl${i}.value=x;
}

指定

gamesUrl${i}

时可能出现了什么错误，我知道这里遗漏了一些内容。…

您可以尝试文本框的属性

评论后编辑：

将

onClick=“revertTextValue（）

更改为

onClick=“revertTextValue（事件）

，传递元素的引用比使用

id

将功能更改为以下内容：

function revertTextValue(ev){
  ev = ev || window.event;
  var inp = ev.target || ev.srcElement;
  inp.value = inp.defaultValue;
}

---

如果您使用的是jQuery，则可以使用以下代码：

HTML

---

下面是此代码的示例。如果您正在使用任何其他库，可以用类似的方式完成。

什么是“文本框”？这是java吗？你确定吗？看看标签，我猜是gsp（grails页面）中的textbox、javascripttext box。任何html、javascript或grails帮助都将被删除，添加javascript标记。原创海报，请不要混淆这两种语言，因为它们非常不同，就像火腿和仓鼠一样。事实上，我已经删除了我的答案，因为我不知道用Javascript会有多可行。感谢回复，我在我的页面中使用grails和Javascript。这可以用Javascript完成吗（我的意思是这段代码是否会得到javascript的支持？如果我没有完全错的话，Grails附带PrototypeJS库。我不是原型专家，所以我不能提供代码示例。当然，这项任务也可以用普通javascript完成，但事件处理和dom操纵就是这些任务，使用Java可以使它们变得更容易JS library.JS没有读取gamesUrl${i}的值，请让我知道如何在下面的代码中实现它…请让我知道如何使用defaultvalue${country.value}嗨，麦克，谢谢你的回复，我已经实现了默认值，但它对我来说仍然不起作用…请再次查看下面我的代码中的所有错误

<input name="username" id="username" data-default-value="Default value" value="Default value"/>
<a href="#" id="revert">REVERT</a>

$(function(){
    $('#revert').click(function(e) {
        e.preventDefault();
        $('#username').val($('#username').data('default-value'));
    });
});