Question

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

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

说我有一个带有网址的API＆＃34; https://example.com/api/api?item= ＆lt;用输入填充＆gt; ＆amp; auth = AUTHENTICATIONtoken＆＃34;，我需要有输入HTML表单替换＆＃34;＆lt;用输入填充＆gt;＆＃34; 。

我记得以前找到了一种方法 - 但我似乎无法再找到它了。

Answer 1

您可以使用JavaScript执行此操作。

如果这是您的表格：

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

如果你在JavaScript中有这个：

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

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

演示：

function changeFormAction(event) {
  var item = document.getElementById("item").value;
  var form = this;
  form.action = "https://example.com/api/api?item=" + item + "&auth=AUTHENTICATIONtoken";
  
  // for demonstration, don't actually submit the form, just print out the form action
  console.log(form.action);
  event.preventDefault();
}

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

表单输入更改网址

1 个答案: