如何从锚标记内提交我的 x 可编辑字段值以及我的表单/提交内容？

Posted 2023-05-08

【中文标题】如何从锚标记内提交我的 x 可编辑字段值以及我的表单/提交内容？

【英文标题】：How can I submit my x-editable field value along with my form/submit content from within an anchor tag?

【发布时间】：2021-09-13 01:16:06

【问题描述】：

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

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

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

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

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

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

【参考方案1】：

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

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

希望这对将来的其他人有所帮助！