重定向 HTML 表单并从输入中添加值答案

【问题标题】：Redirect a HTML form and add value from input重定向 HTML 表单并从输入中添加值
【发布时间】：2021-12-19 08:51:31
【问题描述】：

我有一个表单，我需要重定向到一个新的 url，并将输入中的值添加到新的 URL

<form action="https://test.test.com/" method="GET">
  <fieldset>
    <legend>bftl</legend>
    <input type="text" name="trackTrace" id="trackTrace" placeholder="Add your Track & Trace">
    <label for="month">Track & Trace</label>
    <input type="submit" class="submit" value="Submit">
  </fieldset>
</form>

在您输入 Track & Trace 编号并按下提交按钮后您将被重定向到新标签中的“https://test.test.com/#/TRACK&TRACENUMBER”

【问题讨论】：

由于 URL 没有使用标准格式，您必须使用 JS 处理提交。到目前为止你有没有尝试过？
收听form submit event，然后收听make a redirect，将表单字段中的值连接到URL。如果您需要更具体的帮助，请编辑问题以显示您尝试过的代码。

标签： javascript html jquery forms

【解决方案1】：

你需要这样的js代码：

<form action="https://test.test.com/" method="GET" onSubmit="return submitForm()">
  <fieldset>
    <legend>bftl</legend>
    <input type="text" name="trackTrace" id="trackTrace" placeholder="Add your Track & Trace">
    <label for="month">Track & Trace</label>
    <input type="submit" class="submit" value="Submit">
  </fieldset>
</form>
<script>
function submitForm() {
    location.href="https://test.test.com/#/TRACK&"+document.getElementById("trackTrace").value;
    return false;
}
</script>

【讨论】：