Javascript jQuery序列化嵌套表单

我在另一个表单元素中有一个表单，但当我尝试序列化嵌套表单时，函数只返回一个空对象。我这样问是因为我正在编写一个Wordpress插件，我需要在post editor页面中添加一个表单，我在页面中输入的所有内容似乎都添加到父表单中，因此这里是我想要的exmaple：

返回：

[]

如果我删除父窗体，它将正常工作

---

提前感谢。

您不能使用嵌套表单。可以有不同的表单，但不能有嵌套表单

---

请在此处查找参考资料：

更改代码以使外部表单使用其工作的ID：

<form id="otroform">
    <div>Other content goes here...</div>
    <form id=""><input type="text" value="meine valor" name="variable"/></form>
</form>

这是因为嵌套表单的问题，而您不能拥有嵌套表单

---

JSIDLE:

序列化数组不需要表单。因此，您可以通过一个不同的类来收集输入，从而在没有内部表单的情况下实现这一点

例如：

html:

请参阅.序列化阵列文档：

---

HTML禁止嵌套表单。首先不要创建它们。

[]

<form id="otroform">
    <div>Other content goes here...</div>
    <form id=""><input type="text" value="meine valor" name="variable"/></form>
</form>

<form>
<div>Other content goes here...</div>
<form id="otroform"><input type="text" class="otroform" value="meine valor" name="variable"/></form>
</form>

var formData = jQuery('.otroform').serializeArray();
console.log(formData);