Javascript 使用location.replace替换为表单中的数据

我有一个HTML表单，我正试图使用它导航到另一个页面。我试图使用

window.location.replace

将输入值附加到表单末尾，如下所示：

之前：

之后：

我已经尝试了我能找到的每一个技巧，但是没有运气。我可以通过替换

window.location.replace

为

window.open

，使其正常工作，但我不想在新选项卡中打开它。我还尝试了

window.location.assign

，但没有成功。我试着在Chrome控制台上运行这两个函数，它们在那里工作得很好。我的代码如下

函数onenter（）{
var term=document.getElementById（“searchbox”）.value；
window.location.replace（“/search/”+术语）；
}

进入

您的问题是表单提交会重新加载页面。使用

eventObject.preventDefault

：

function-onenter（事件）{
event.preventDefault（）；
var term=document.getElementById（“searchbox”）.value；
window.location.replace（“/search/”+术语）；
控制台日志（窗口位置）；
}

进入

如果您尝试做类似的事情，这可能会对您有所帮助。