Question

如果我将隐藏的输入字段添加到表单：

<input name="cf_person_partner" type="hidden" value="PartnerName" />

将表单托管在具有URL的着陆页上：

https://wb.workbooks.com/process/=QzM/Webinar_Portal?eventid=1048&partner=lucid

如何将URL中的合作伙伴值（在此实例中为lucid）拉入隐藏输入字段的值，使其变为：

 <input name="cf_person_partner" type="hidden" value="lucid" />

注意：该站点使用Bootstrap托管，当前没有运行Javascript（因此我需要将其添加到其中）。

Answer 1

您可以从网址中提取此值（网址显然为window.location.href）

var url = "https://wb.workbooks.com/process/=QzM/Webinar_Portal?eventid=1048&partner=lucid";

var partnerName = url.split("partner=")[1];

document.querySelector("[name='cf_person_partner']").value = partnerName;

<强>样本

＆＃13;

    var url = "https://wb.workbooks.com/process/=QzM/Webinar_Portal?eventid=1048&partner=lucid";
    
    var partnerName = url.split("partner=")[1];

    document.querySelector("[name='cf_person_partner']").value = partnerName;

＆＃13;

<input name="cf_person_partner" type="hidden" value="PartnerName" />

＆＃13;

如果partner参数不一定是URL上的最后一个参数，则添加此行

var partnerName = url.split("partner=")[1];
partnerName = partnerName.split( "&" )[0];

Answer 2

首先从网址获取值

var partnerName = url.split("partner=")[1];

将其分配到隐藏字段，确保添加它以访问它，您也可以使用名称进行访问。

 <input name="cf_person_partner" id="hiddenValue" type="hidden" value="PartnerName" />

并使用jquery更新值：

 $('#hiddenValue').val("lucid");

您可以调用javascript事件来触发此更改。可能是一个具有我上面提到的那一行的函数。

Answer 3

首先，您需要从url获取值，您可以使用location对象执行此操作：

示例：

var partnerValue = location.search.split("partner=");

然后您可以将名称设置为字段：

$("[name='cf_person_partner']").value(partnerValue)

Answer 4

您可以使用以下Javascript代码：

获取网址参数的常用功能：

function getUrlVars() {
            var vars = [], hash;
            var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
            for (var i = 0; i < hashes.length; i++) {
                hash = hashes[i].split('=');
                vars.push(hash[0]);
                vars[hash[0]] = hash[1];
            }
            return vars;

并分配到隐藏字段，如下所示：

document.querySelector("[name='cf_person_partner']").value = getUrlVars()["partner"];

希望它会对你有所帮助，谢谢

将URL变量拉入隐藏的表单值

4 个答案: