在javascript中将表单值传递给URL

将表单字段值附加到下一个url

我正在尝试将表单提交时的表单字段值传递到下一个页面URL

到目前为止； 表单片段：

在脚本部分创建下一页的url

  <script>
      var fn = document.getElementById('first_name').value;

      function update() {
        fn = document.getElementById('first_name').value;
      }
      document.getElementById('thankPage').value = 'https://example.com/thank' + fn;
    </script>

fn当前未传递到下一个url。但是，如果我预先填充first_name字段，则fn将正确传递。因此，我假设正在使用的fn值没有更新，并且它使用它的初始值

---

我尝试初始化fb外部更新，所以它是一个全局变量。除非我弄错了？我假设当“+fn”出现时，它使用的是fn的更新值，而目前情况并非如此。

正如我从您的代码中了解到的，您只更新了一次页面的值。移动document.getElementById'thankPage'。value='0https://example.com/thank“+fn；在你的更新中。。。而且，对于我来说，你不需要变量fn

function update() {
  document.getElementById('thankPage').value = document.getElementById('first_name').value;
}

---

您正在更新函数范围之外设置thankPage的值，这意味着在加载页面时，该值很可能只设置一次。这就是为什么它只在first_name字段预先填充时才起作用

如果希望在更新first_name字段时更改该值，则必须将代码移动到update函数的范围内

e、 g

功能更新{ var fn=document.getElementById'first_name'。值； document.getElementById'thankPage'。value='0https://example.com/thank/“+fn； } 使现代化 名字 在更新函数中更新thankPage的值。在您完成更改输入字段中的值后，它将更新该值。如果要在键入时更新它，请使用onkeydown而不是onchange

功能更新{ var fn=document.getElementById'first_name'。值； document.getElementById'thankPage'.innerHTML='1〕https://example.com/thank/“+fn； } 名字

---

为什么不在更新功能中设置url？什么具有页面id？A.链接链接的href不是可以这样设置的值。@kshetline，看起来问题的作者试图给“thankPage”赋值一次。

function update() {
  document.getElementById('thankPage').value = document.getElementById('first_name').value;
}

function update() {
    var fn = document.getElementById('first_name').value;
    document.getElementById('thankPage').value = 'https://example.com/thank' + fn;
}

update();