Question

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

如果我更改了文本框的值，如果单击该按钮，则文本框应该在第一次加载时加载文本框的值（就像恢复对文本框所做的更改一样）< / p>

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

这是我的代码：

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

在指定gamesUrl${i}时可能出现问题，我知道这里错过了一些内容....

Answer 1

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

HTML

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

JAVASCRIPT

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

这是此代码的fiddle。如果您正在使用任何其他库，则可以以类似的方式完成。

Answer 2

您可以尝试文本框的defaultValue属性。

评论后

编辑：

将onClick="revertTextValue()更改为onClick="revertTextValue(event)，传递元素的引用比使用id

更容易

将功能更改为：

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

如何还原文本框的更改

2 个答案:

HTML

JAVASCRIPT