Question

所以基本上我有以下HTML表单：

<form>
    <div class="Question">
        <input name="question" type="text"></input>

        <div class="alternatives">
            <input type="text" name="TextAlternative[]"></input>
            <input type="text" name="TextAlternative[]"></input>
        </div>
        <a href="#\" class="newTextAlternative_click">New Alternative</a>
    </div>
    <a href="#\" class="newTextQuestion_click"></a>
</form>

我正在开发一个在线投票应用程序，我想让用户能够定义一系列问题以及每个问题的一系列备选方案。

点击 newTextAlternative_click 会生成一个新的替代输入字段。由于替代输入 TextAlternative [] 的名称中的括号表示法，我可以以数组的形式请求所有问题的替代方案。

当我生成另一个问题 div时，会出现问题。我希望能够将每个问题的输入请求作为数组，因此我尝试执行以下操作：

<input name="question[]" type="text"></input>

这使我有可能为定义为数组的每个问题请求问题。但是我现在遇到了替代方案。

我希望能够按以下方式申请替代方案：

Question[i]Alternative[i]

无需像这样硬编码：

<input name="Alternative[0][]"></input>

这样做的原因是我为用户提供了再次删除表单中的一个问题的能力，对于替代方案也是如此。我不想每次都循环dom并改变所有的数组索引。

提前致谢。

Answer 1

使用javascript解决了这个问题。在提交时，我将脚本运行在当前备选项上，并将其解析为JSON对象，以便在后端处理它。

二维HTML表单输入

1 个答案: