Question

我正在尝试＆＃34;开发＆＃34;将todo任务存储在表中的应用程序。这些任务的组织方式类似于＆＃34; head＆＃34;任务。

问题是当通过POST提交输入作为子任务时，我也需要头任务的名称。我无法弄清楚如何将<h1> - 标签中存储的信息与我<input>中的信息一起发送。

这是我的代码示例：

<h1>Taskheader</h1>
<form action="/todo/task/" method="post">
     <input type="text" name="Taskitem">
     <input type="submit" value="Submit" />
</form>

是否可以关闭此信息，而不会为初学者使用过于复杂的代码？

Answer 1

为h1提供例如id = "header-task-name"的ID，然后通过h1获取id元素并使用javascript获取输入文本，最后发送任务标题和输入文本使用post和ajax到服务器。

另一种方法是将每个任务标题及其形式包装在div中，然后使用以下方法获取表单的父div：

var x = document.getElementById("the form").parentElement.nodeName;

然后你可以通过使用父div获取h1孩子

来访问表单的标题

不仅通过POST请求发送表单输入，还发送其他数据

1 个答案: