Html 表单输入以更改URL

我需要一个HTML表单，其中输入将添加到URL上，因为我有一个预先存在的API

基本上，我需要一个HTML表单来填充URL中的变量

假设我有一个URL为“&auth=AUTHENTICATIONtoken”的API，我需要将HTML表单的输入替换为“”

---

我记得以前找到过这样做的方法，但我似乎再也找不到了。

你可以用JavaScript来做

如果这是您的表格：

<form onsubmit="changeFormAction()">
  <input type="text" id="item">
  <button type="submit" id="submitButton">Submit</button>
</form>

然后，该函数将通过添加表单输入指定的项来自动更改表单操作

---

演示：

功能更改功能（事件）{
var item=document.getElementById（“item”）.value；
var form=此；
form.action=”https://example.com/api/api?item=“+item+”&auth=AUTHENTICATIONtoken”；
//为了演示，不要实际提交表单，只需打印表单操作即可
console.log（form.action）；
event.preventDefault（）；
}

提交

function changeFormAction() {
  var item = document.getElementById("item").value;
  var form = this;
  form.action = "https://example.com/api/api?item=" + item +  "&auth=AUTHENTICATIONtoken";
  form.submit();
}