如何在模态窗口中保存表单值

How to save form values in a modal window

本文关键字：保存 表单 窗口 模态      更新时间：2023-09-26

我使用简单的模态来显示一些表单字段的div。表单不能在模态中提交。但是，当模态关闭时，字段的值将丢失。

在模态窗口关闭后，保持在字段中输入的值的好方法是什么?

我正在考虑在模态上放置一个"完成"按钮，该按钮将采用这些值并与它们一起做一些事情，但我不确定在模态关闭后使这些值持续存在是解决这个问题的最佳方法。因此，本质上，用户关闭模态，然后可以提交表单，如果他们选择，从模态的值将被张贴。

您可以使用$('form').serialize()，并在模态窗口关闭时将序列化的表单值保存在一个变量中。

如果需要更易于理解的表单值数组，也可以使用.serializeArray()。

换句话说，将它附加到您的模态的关闭事件(前面的伪代码):

var formValues;
Modal.onclose(function() {
  formValues = $('#modalform').serialize();
  // "do" something with formValues
});

如果当模态窗口关闭时，它将发送回服务器，html输入控件在回发后将不会保留这些值。也许你可以为这些控件实现一个VIEWSTATE或类似的东西，这样它们就可以这样做。

如果你展示了一些代码，比如你的模态窗口设置，我也可以试着放一些代码。

相关文章：