获取 URL 参数和预填表单字段答案

【问题标题】：Get URL parameter and prefill form field获取 URL 参数和预填表单字段
【发布时间】：2022-11-11 01:47:53
【问题描述】：

这就是我的表单（电子邮件）字段的原始 HTML：

... <input type="text" id="FormField_EmailAddress" name="email" value="" size="40"> ...

现在我想根据 URL 参数“email”预填充此字段，例如 mydomain.com/page/?email=my@email.com 应该填充 my@email.com

只需在该页面的页脚页眉中使用脚本。

这可能吗，有人可以分享一种方法吗？

PS 作为一个初学者，我试过：

<script>
        var url_string = window.location.href;
            var url = new URL(url_string);
            var email = url.searchParams.get("email") ? url.searchParams.get("email") : '';
            document.getElementsByName("email")[0].value = email;
    </script>

但它不会工作......

【问题讨论】：

记录并查看 DOM 是否可以找到您的输入如果您知道如何使用 codepen 或其他方式编写代码并分享它，我们可以为您提供更好的帮助

标签： javascript

【解决方案1】：

最后我做到了，这是使它工作的代码：

<script>
const url = window.location.search;
const urlParams = new URLSearchParams(url);
const email = urlParams.get('email');
document.getElementById('FormField_EmailAddress').value = email;
</script>

【讨论】：