javascript - 将 URL 变量拉入隐藏表单值

Question

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

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

表单托管在登陆页面上，URL 为:

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

如何将合作伙伴值(在本例中为 lucid)从 URL 提取到隐藏输入字段上的值，使其变为:

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

注意:该网站是使用 Bootstrap 托管的，当前没有运行 Javascript(因此我需要添加它)。

Answer 1

您可以从 URL 中提取该值(URL 显然是 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;

演示

    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;

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

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

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