我如何从锚标记中提交我的 x-editable 字段值以及我的 form/submit 内容？

Question

我正在创建一个在线处理表格的应用程序。该应用程序从用户的个人资料中提取信息以自动填充表单的某些字段。但是，有时从用户的个人资料中提取时，此信息不正确或丢失。

因此，我正在使用 x-editable，这样用户就可以在表单中即时更新他们的信息。让 x-editable 正常工作没有任何问题。问题是更新或插入的信息包含在锚标记中。目前，我有这段代码：

<a href="javascript:void(0)" class="fields" id="Phone" data-placeholder="Required" name="USER_PHONE">@Model.USER_PHONE</a>

不幸的是，即使我在锚标签中包含名称，数据也不会被提交。有没有一种干净的方法可以将文本存储在 post 上提交给服务器的锚标记之间？

我考虑的一件事是创建一些隐藏字段，然后在用户单击提交按钮时通过 onClick() 事件更新它们。但这样做的问题是我必须考虑使用 x-editable 的每个字段。这当然是可行的，尽管我想知道我是否只是缺少一种更简单的方法。

我实现它的最佳方式是什么？

Answer 1

这个问题的解决方案比我想象的要容易得多。您不需要考虑每个字段。相反，您可以只使用 'save' 事件，捕获名称字段，然后将值存储在其中。像这样：

$('.fields').on('save', function (e, params){
    let fieldname = $(this).attr('name');
    $("#" + fieldname).val(params.newValue);
});

希望这对以后的其他人有所帮助！

How can I submit my x-editable field value along with my form/submit content from within an anchor tag?