php - How do I make the dialog not save any changes I made to inside it when I close it?

Question

I'm using JQuery UI Dialog, and I can't seem to make it ignore any changes made to the value when closing. When I open the dialog, make any changes to and then close it, then it should refresh the dialog to what it was before when I open the dialog again. I'm using $('#profile_content').dialog(), where profile_content is the id for the div block:

<div id='profile_content'>
 <label for="user_name">Name:</label>
 <input type="text" id="user_name" value="<?php echo $user['username'] ?>"/><br>
 <label for="user_email">Email:</label>
 <input type="text" id="user_email" value="<?php echo $user['email'] ?>"/>
</div>

Answer 1

它只是一个<div>适当地显示和隐藏的东西。我通常做的是在关闭或打开期间清除所有值。您可以将函数绑定到这些事件。

Answer 2

你可以做这样的事情。

在您的字段中，您实现“数据”属性。

<input type="text" id="user_name" data-default-value="<?php echo $user['username'] ?>"/>

然后在打开对话框时调用它，这会将其设置回默认值：

$("#profile_content input").each(function() {
   $(this).val($(this).data("default-value"));
}