HTML 中的 Javascript 链接构建器答案

【问题标题】：Javascript link builder within HTMLHTML 中的 Javascript 链接构建器
【发布时间】：2023-03-26 07:53:01
【问题描述】：

我正在尝试构建一个...链接构建器来简化我的一些日常任务。我无法让它工作，非常感谢一些帮助：

<form target="">
  ID one:
  <input type="text" name="IDone" id="ID1">
  
  ID two:
  <input type="text" name="IDtwo" id="ID2">
  
  <button value="go" id="myButton">build</button>
  
  <script type="text/javascript">
    document.getElementById("myButton").onclick = function () {
        location.href = 
          "https://first.part.com/" + document.getElementById("ID1").value +
          "?act=setsecond_part=" + document.getElementById("ID2").value;
    };
  </script>
  
</form>

思路很简单：

第一个字段（ID 为一）获取放入其中的数据；
第二个字段（ID 为二）获取放入其中的数据；
“构建”按钮实际上指向由 https://first.part.com/ + + + 组成的链接。

感谢您的帮助！

摩根大通

【问题讨论】：

这样的代码真的很难看。
没看到那个来了，非常感谢编辑！
函数是否被调用过？如果是，调用后 location.href 的值是多少？
嗨，不，它不会被调用；不知道我认为“构建”按钮会如何调用它...您能否建议如何通过“构建”按钮调用该函数，以便它实际上转到新建的链接？

标签： javascript html button hyperlink

【解决方案1】：

删除一个表单标签，一切都会好起来的:)

【讨论】：

谢谢！！！ :) 不知道为什么

搞砸了，但现在它可以工作了。