Question

我有以下问题：

在我的代码中，我动态地创建表单作为字符串，并使用JQuery将它们插入到DOM中。具体来说，有些元素可以右键单击以使用提到的表单“自定义”它们。在用户输入他的自定义选项后，我序列化并存储他的输入以及元素表单的整个字符串。现在，如果用户想要再次“自定义”该元素，我希望该表单显示用户已经保存的输入，例如文本字段应该已经包含用户键入的值。是否有捷径可寻？例如，有没有办法存储整个html（“value”属性设置为用户输入的内容，具有“checked”属性的单选按钮等）？

到目前为止，我试图通过使用string.replace（）来完成这项工作，但是当我动态创建表单时，我事先并不知道有多少单选按钮等，所以很难做到这一点。

Answer 1

您可以序列化表单并存储它。

var theForm = $( "form" ).serialize();

否则，

var theForm = $( "form" ).html();

将返回实际的HTML。

Answer 2

听起来你需要更多的设计，为什么没有你可以使用的数组对象，例如

{ itemType: 1 to X representing a dom object e.g. 1 = input, 2 = checkbox
  value : the users input value
  ID: an ID you can give to the DOM so you can trace back to the correct object
  ... anything else you may need
}

通过这种方式，您可以循环遍历数组并根据需要填充所有内容，并通过给定的DOM ID轻松找到返回对象的值。

在Javascript中获取更新的表单HTML

2 个答案: