如何从url参数中填充隐藏的输入文本字段

How do I fill hidden input text fields from url parameters

本文关键字:隐藏 输入 文本 字段 填充 url 参数      更新时间:2023-09-26

我正在运行一些活动,希望获得与潜在客户/查询表一起提交的url参数详细信息,以跟踪我的活动的绩效。我正在寻找除php以外的任何解决方案。

www.example.com?utm_source=Google&utm_medium=CPC&utm_term=Keywords&utm_content=Content&utm_campaign=Promo%20Code

我的表单将有隐藏的文本字段,应该用上面的url参数填充。I.e utm_source

您可以像填充任何其他字段一样填充隐藏字段:

$('#my-field').val(newValue);

要在当前位置的查询字符串中获取参数,请参阅以下问题:如何在JavaScript中获取查询字符串值?

有了给定的功能,你就可以这样做:

$(function() {
    $('#my-field').val(getParameterByName('utm_source'));
});

我不确定我是否理解你的问题。但是如果你想使用你当前位置的URL,你可以使用

location.toString()

你可以这样做:

location.search.substr(1).split('&').forEach(function (entry) {
  var value = entry.split('=');
  document.querySelectorAll('[name=' + value[0] + ']')[0].value = value[1];
});

我知道如何做到这一点的唯一方法是将表单放在框架内。您可以在同一框架内获得表单响应,而浏览器地址栏上显示的URL不会更改。