通过 javascript 使用当前 URL 填写表单字段

Question

我正在尝试在我使用页面的当前 URL（包括所有 UTM 标记）创建的表单中填充隐藏字段。

我在尝试将 URL 的值输入该字段时似乎遇到了麻烦，由于某种原因它一直报告 null

var urlnew = window.location.href;
document.querySelector("input[name='url_hidden']").value = "urlnew";

如果我硬编码一个值，它可以正常工作并提交，但它只是我尝试使用其他东西的任何时候

Answer 1

您应该删除引号：

<html>
<body>
  <input type=text name=url_hidden>
</body>
<script type="text/javascript">
    var urlnew = window.location.href;
    document.querySelector("input[name='url_hidden']").value = urlnew;
</script>
</html>

Answer 2

 function submitForm(e) { e.preventDefault(); const username_el = document.querySelector("input[name='username']"); const password_el = document.querySelector("input[name='user_password']"); const hidden_el = document.querySelector("input[name='hidden_url']"); const url = window.location.href; hidden_el.value = url; window.alert(`${username_el.value} - ${password_el.value} - ${hidden_el.value}`); }

 <form onsubmit="submitForm(event)"> Username: <input type="text" name="username" id="username" placeholder="Username"> <br> Password: <input type="password" name="user_password" id="user_password" placeholder="Password"> <br> Hidden URL: <input type="hidden" name="hidden_url" id="hidden_url"> <br> <button type="submit">Submit</button> </form>

Answer 3

您可能还想填充 value 属性：

document.querySelector("input[name='url_hidden']").value = urlnew;

通过 javascript 使用当前 URL 填写表单字段

问题描述

3 个解决方案

解决方案1
0 2021-04-22 17:16:39

解决方案2
0 2021-04-22 17:23:26

解决方案3
0 2022-03-09 23:23:56

通过 javascript 使用当前 URL 填写表单字段

问题描述

3 个解决方案

解决方案1 0 2021-04-22 17:16:39

解决方案2 0 2021-04-22 17:23:26

解决方案3 0 2022-03-09 23:23:56

解决方案1
0 2021-04-22 17:16:39

解决方案2
0 2021-04-22 17:23:26

解决方案3
0 2022-03-09 23:23:56