Javascript 如何在进行搜索的单击后重新插入按钮？

您好，我创建了一个简单的应用程序，允许我进行数据库搜索。我创建了一个带有javascript函数的html页面。这就是显示my index.html的内容

选择您的路线： 搜索 重置 在更改中插入坐标并进行搜索后，我的输出将是一个单独的行，如果路线存在或不存在，我可以在屏幕上打印：route not found或route found。

---

我的问题是插入一个按钮返回到搜索中的这一点，以便返回到起始页或index.html。问题是我只有一个html页面index.html，因此任何命令都只能将其插入搜索页面，而不能插入结果页面结果页面只是一个打印的字符串，而不是另一个html页面。此页面还与flask交互。我希望我是清楚的。非常感谢您的关注。

据我所知，您所做的是index.html进行回发，而回发的响应会根据插入结果呈现不同的页面。这就是您想要返回index.html的结果页面。嗯，你有两个选择：

一,。在结果页面中，创建如下按钮：

返回 //在初始化代码中的某个地方： const backbutton=document.querySelector.backbutton'； backbutton.addEventListener'click'函数{ window.history.back； }; 这给了您一些灵活性，因为它不依赖于到index.html页面的路由

二,。只需在结果页面中包含指向index.html页面的链接：

返回搜索表单

---

如果要在提交并清除表单后使用表单输入的值，则需要事先在某个地方记住该值。一种方法是在输入中添加一个模糊事件的侦听器，当输入失去焦点时会发生模糊事件，这意味着用户已经完成了对输入的编辑

在listener函数中，您可以将该值存储在javascript变量中，以便以后使用，如

const firstMyPosInput = document.getElementsByName("myPos")[0];
let myPosValue = firstMyPosInput.value;

---

现在，您可以添加一个新的按钮元素，如“重试”，并给它一个单击侦听器，将输入的值设置回以前的值，如firstMyPosInput.value=myPosValue。

为什么有两个开头的正文标记而没有结尾的表单标记？简单的如何？两个可能重复的是两个正文我转录代码时出错，但是这不是问题所在。一个简单的命令不起作用。SnackOverflow谢谢你的回答。我修改了这个问题，也许我解释得不好。非常感谢你的回答。我修改了这个问题。我尝试了你的解决方案，但它不起作用，因为我认为如果我连接了两个html页面，而我只有一个页面，这是可以的。