我有一个表单,上面显示了一些文本字段和两个按钮。第一个按钮为保存,第二个按钮为重置。我调用更新按钮上的一个函数,该函数使用..更新数据。。
$.ajax({
url:"url",
data:something
and so on...});
此功能更新数据库中的数据,并在成功响应时发出成功消息。我按下重置按钮,旧数据会填充在表单中,但我希望所有表单字段中都有最新更新的数据。我该怎么做?
更新输入的value
属性,这样,当单击重置按钮时,它会将这些表单输入重置为新值,而不是默认值。
$('input').change(function() {
$(this).attr('value', $(this).val());
});
Fiddle演示:http://jsfiddle.net/muXHM/
另一个Fiddle演示:http://jsfiddle.net/muXHM/1/这一次,你可以更好地看到效果,因为我没有在输入更改时更新值,而是添加了一个保存按钮,你必须首先单击。要使用,请在第一个输入中键入一些值,点击重置,它会将值重置为"测试",在其中键入其他内容,然后先点击保存,然后再点击重置,然后它不会改变。。。再次在其中键入不同的内容,然后点击重置,现在它会将其重置为您保存的值。
您可以使用:$("#element").prop("defaultValue", "new value");
如果您想将最新的数据从DB检索到表单字段,您需要为此执行ajax调用。
您可以在更新数据库中的数据后返回JSON对象,并在回调函数中修改文本字段值。
或者,您可以为重置按钮创建一个onclick事件处理程序,并使用$.get()从数据库中检索最新数据,然后在回调函数中修改表单文本字段的值。
回调函数应该如下所示:函数(结果){//将结果求值为JSON对象$("input[name='myTextField']").val(result.anthe)}