修改Html表单提交输出

这当然是一个初学者的问题，但我一直在寻找答案。我想使用以下html来控制我的一个项目。当我点击提交按钮时，这些值被添加到url中。这正是我想要的，但是我想修改附加的字符串，使解析更容易。下面的html生成此url：

[...]/Interface.html?tail=3&speed=45&col1=37&col2=210

但我希望输出更像这样：

[...]/Interface.html?tail=3&speed=45&col1=37&col2=210&end

简言之：如何格式化使用GET方法提交后添加的url附件

铝箔安装
铝箔安装

尾长：

没有尾巴
短尾
中尾
长尾


设置速度：


颜色选择：

颜色1色调：

颜色2色调：

引入隐藏变量

end

<input type="hidden" name="end" value="" />

---

（另一个

=

将附加到

end

）

根据您的Arduino或ESP32的功能，这是一个干净的解决方案

提交：

window.addEventListener（“加载”，函数（）{
文件。查询选择器（“表格”）。添加的文本列表器（“提交”，功能（e）{
e、 预防默认值（）；
const sp=new URLSearchParams（new FormData（this））.toString（）；
console.log（“/Interface.html？”+sp+“&end”）；//发送此
})
})

铝箔安装
铝箔安装

尾长：

没有尾巴
短尾
中尾
长尾


设置速度：


颜色选择：

颜色1色调：

颜色2色调：

这是一个X/Y问题。为什么您想要滥用URL结构，只是为了让它“更容易”在服务器上解析？服务器知道GET参数或请求中的每个值。我正在使用arduino IDE在ESP32上运行此操作。我想用这些值将它们输入我的arduino草图。我很好奇。我的答案在您的环境中有效吗？不是发送，就是给出，就是这个，甚至是我的答案都有效。非常感谢你。我没有想到使用隐藏的输入类型。。。伟大的对不起，我对html和其他东西真的很陌生。你能告诉我第一块（从“window.addEventListener”开始）放在哪里吗？它是指向外部文件还是嵌入在第二个块中定义的html文件中？除此之外：是否有可能更改“addEventListener（“submit”，函数（e）”以在用户每次输入（例如，用户移动滑块）时修改url，而无需按“submit”每次按下按钮？这将是惊人的…第一个块可以像它一样进入一个外部js文件。如果你调用该jscode.js，那么你需要将

添加到HTML的头部。如果你想嵌入它，只需将第一个块包装在

/*块中*/

并将其放入HTML的头部。谢谢你的耐心，@mplungjan！任何关于如何让EventListener只对用户输入做出反应而不需要点击提交按钮（见上文）的提示。我添加了第二个示例。我感觉您可能希望更新iFrame而不是重新加载页面谢谢您。我将很快尝试该解决方案并报告！