Javascript 清除引导可编辑表单

我目前正在为我的应用程序前端使用bootstrap editable

请参阅插件：

我所做的是通过Ajax将数据加载到页面上，并允许页面上的每个项目都是可编辑的。例如我将用户加载到一个页面上，并允许其名字、姓氏和出生日期可编辑

因为我是通过Ajax加载的，所以当第二个用户加载时，例如第三个用户，我尝试编辑第一个用户的名字，等等，我会一直得到最初加载的第一个用户的值

我想可能是缓存。我试过在功能上设置显示，甚至自动文本

我是否可以重置或清除可编辑表单

请参见下面的示例代码：

function editable(obj) {
    $('#title, #lastName, #firstName).editable('option', {
       pk: obj.lId,
       placement: 'bottom',
       emptytext: 'Empty',
       display: function(value) {
         $(this).text(value);
        },
       validate: function(value) {
         if ($.trim(value) === '') {
            return 'This field is required';
         }
      }
    });
}

---

假设

obj

是您的新用户，并且它包含新用户的标题、姓氏和名字，您所要做的就是设置x-可编辑对象的值：

$('#title').editable('setValue', obj.title);
$('#lastName').editable('setValue', obj.lastName);
$('#firstName').editable('setValue', obj.firstName);

示例不起作用的原因是x-editable将显示与实际值分开。只要用户更改x-可编辑值，就会调用您的

显示

函数。默认情况下，x-editable显示该值设置为的任何值。但是，内部值可能与显示值不同，这就是

display

功能的用途-它对实际值没有影响，只是对值的显示有影响

---

X-Editable有许多不同的方法可供您利用，您可以在此处的“方法”选项卡上找到它们：

不同的用户信息显示在同一公共页面上？是的。管理员可以搜索用户并通过ajax加载该信息。您显示的是如何初始化x-editable的代码，而不是如何使用ajax更新字段。请显示该代码，因为这似乎是您的错误所在。您确定这不是后端问题。否则，您应该发布整个代码，以便我们进行调试。可能的问题：您应该使用

class

而不是

ids