javascript - 如何跟踪与 HTML 输入文本关联的值列表(动态创建)

Question

我有一个页面，其中几乎所有控件都是动态创建的。

当我发送页面时，我可以毫无问题地从这些控件中检索数据。当我必须检索“返回”的数据(请参阅蓝色框内的按钮)时，问题就来了，因为由于它们不在任何控件中，所以我必须使用数组来跟踪它们。

这是用于输入每个表达式 (IF,ELSE IF,ELSE) 返回值的弹出窗口

我的问题是，如果您必须跟踪这些返回，您会怎么做？你会为每个 expression(IF,ELSE IF,ELSE) 创建一个返回的 js 数组吗？你知道你必须创建数组的数组，因为每个 structure 可以有多个指令, 又可以有多个 expression, 又可以有多个返回??考虑到我唯一没有内部控件的是返回，您会怎么做才能使解决方案尽可能简单。

目前我正在使用 js 数组方法，但是，我必须做很多事情，以便当我删除与该结构内的表达式也被删除。

编辑:

==============

我用来在页面中创建所有控件的代码太大，无法在此处发布，但这里有一张图片显示了我用来存储每个表达式的所有返回值的 js 数组的结构(IF，ELSE IF ,ELSE)，然后我将其作为 json 对象提交。

考虑到该结构，您认为是否可以简化该结构，以便当我仍在编辑页面时，我只需要将返回值放在数组中？？

长话短说，我想在我提交表单之前创建图像中显示的整个结构，而不是在我仍在编辑页面时。

只需考虑几件额外的事情:

• 结构:结构 #1，结构 #2
• 说明:所有带有显示“多个 IF”的下拉列表的框架
• 表达式:所有 IF、ELSE IF 和 ELSE

==============

附言我不要求任何工作代码，我只想听听您的建议，如果您不得不处理上述情况，您会怎么做。

Answer 1

使用 form 元素的 onsubmit 事件。

<form action="" onsubmit="this['returns'].value = createReturnsArray();">
    <input type="hidden" name="returns" />
</form>

提交表单时，函数 createReturnsArray 被调用，其返回值作为 returns 与表单一起发送。当然，您可以更改所有这些内容以满足您的需要。