javascript - Jquery 将文本框恢复为其原始值

Question

我有一个带有 4 个文本框的弹出表单，所有文本框在页面加载时都有默认值。

场景如下...用户已在表单中填写了详细信息，但决定不提交表单并关闭弹出窗口。我希望当用户关闭弹出窗口时文本框的值恢复为默认值。

这是到目前为止我的代码。

$(".close").click( function() {
    $(".popup").find("input").val("Default value of textbox");
});

我希望它是实际的默认值，而不是插入“文本框的默认值”作为值。

Answer 1

您可以将默认值放在元素本身的“数据属性”中...我将创建一个 fiddle 来显示这一点... As seen in this jsFiddle

我还应该注意，您可以将数据属性放在服务器上的元素上...我只是展示如何从客户端完成这一切...