javascript - 将 GET 参数转发到下一个 URL

标签 javascript html

我正在构建一个包含多个页面的 HTML 表单,每个问题一个页面(由于布局原因)。我使用“GET”方法将表单输入的参数传递到下一页,如下所示:

<form action="example.html" method="GET">
    <input type="number" step="0.1" name="Machine" id="Machine" placeholder="Machine">
    <input type="image" value="Submit" src="images/button.svg" alt="Forward"/>
</form>

这工作正常并引导我到达 URL

/example1.html?Machine=Input

在下一页上,我使用与上面提到的相同的代码(只是输入的名称和 id 不同),但是当我提交该页面时,第一页中的参数不会被重定向(当然)。所以 URL 看起来有点像这样:

/example2.html?Amount=Input

不过,我也需要第一页的参数。基本上是这样的

/example2.html?Machine=Input&Amount=Input

有没有一种简单的方法可以用很少的 Javascript 甚至不需要 Javascript 来完成此操作?感谢您的帮助

最佳答案

您可以尝试添加隐藏的 input使用 javascript 动态添加表单元素,使用 name 创建和value来自 document.location.search 中 GET 参数的对.

关于javascript - 将 GET 参数转发到下一个 URL,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36870345/

相关文章:

javascript - 如何正确地对对象数组进行排序?

javascript - 在 KnockoutJS 中使用单个动画对多个对象进行动画转换

html - 使用 rem 声明的标题边距的引用属性是什么?

html - IE6/7下如何修正a样式

javascript - OpenLayers4 : How to give icon a bigger click radius

html - Rails 和 bootstrap - 无法让每行包含 3 个 div 以正确对齐

javascript - 在悬停时旋转 Font Awesome 图标

javascript - 单击链接时无需回发即可获取数据

php - JS 表单元素的问题

javascript - Hangman jQuery 函数