Javascript 如何在某个父DOM元素的html字符串中包含用户输入？

我想通过运行以下行在windows历史记录中存储div容器的内容：

window.history.pushState($('#myDivId').html(), "title", 'some url');

稍后当用户按下后退按钮时，我会使用此信息

---

问题: 用户有一个表单要填写，只有一个输入。用户键入他的名字（比如John）并单击submit。

onSubmit

函数被触发，在这里我获取父div的html内容并将其存储在history对象中。问题是，本例中的用户输入（John）未被捕获

下面的屏幕截图显示了我的脚本的输出：

代码片段

函数onSubmit（）{
var str=$（'#myDivId'）.html（）；
警报（“这将转到windows历史记录：+str）；
//window.history.pushState（$（'#myDivId'）.html（），“title”，“someurl”）；
}

名字：

value属性表示字段的默认值，而不是当前值

没有反映这一点的HTML属性

如果要存储它，则需要显式存储它

---

我会使用（并将其转换为JSON以存储在历史记录中），然后循环将数据恢复到表单中。

我不清楚您在问什么。根据我的理解，我已经提供了一个解决方案

函数onSubmit（）{
$（“#firstNameId”）.attr（'value'，$（“#firstNameId”）.val（））
var str=$（'#myDivId'）.html（）；
警报（“这将转到windows历史记录：+str）；
//window.history.pushState（$（'#myDivId'）.html（），“title”，“someurl”）；
}

名字：

在这里，我使用a将

值

属性设置为

值

属性

函数onSubmit（）{
var str=$（'#myDivId'）.html（）；
警报（“这将转到windows历史记录：+str）；
//window.history.pushState（$（'#myDivId'）.html（），“title”，“someurl”）；
}
$（document）.on（'input'，'attr input'，function（）{
$（this.attr（'value'，this.value）
})

名字：

$（'#myDivId'）.html（）

将给出div的整个html内容，而不是输入框的值。谢谢，我已经为问题添加了更新。因此Div包含服务器linput值，我希望找到一种简单的方法通过part Div捕获所有这些输入。