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



我正在创建一个在线处理表单的应用程序。应用程序从用户的配置文件中提取信息,以自动填充表单的某些字段。但是,从用户配置文件提取信息时,有时这些信息不正确或丢失。

因此,我使用x-editable,这样用户就可以在表单中动态更新他们的信息。我没有问题让x可编辑的工作。问题是被更新或插入的信息包含在锚标记内。目前,我有以下代码:

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

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

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

我能实现这一点的最佳方式是什么?

这个解决方案比我想象的要简单得多。你不需要考虑每个字段。相反,您可以使用"保存"事件,捕获名称字段,然后将值存储在其中

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

希望这能在未来帮助其他人!

最新更新