Question

我正在尝试在Wordpress网站中实现ActiveCampaign表单。相同的表格将在其他页面上使用，但我想知道联系人来自哪个页面。因此，我使用了一个隐藏文件，其中的值将使用我相信的Javascript动态更新，但无法弄清楚如何使用JavaScript来实现。有人可以帮我吗？

value =“”将随页面标题动态更改。

Answer 1

对于页面标题

const titleEL = document.getElementByTagName('TITLE'); // Get the title html tag
const hiddenInputEl = document.getElementById('hidden'); // Get hidden input
hiddenInputEl.value = titelEl.textContent // Set input value to the content of the title-tag

或者如果您想要网址。

hiddenInputEl.value = window.location.href

您也可以使用document.title参见文档here。

Answer 2

要通过JavaScript从文档中获取标题（请查看the docs了解更多详细信息），

var docTitle = document.title;

要从JavaScript端更轻松地访问输入字段，建议您在输入字段中添加一个ID： <input type="hidden" name="field[46]" value="" id="title_field" />

因此，您现在可以做的是这样更改input字段的值：

document.getElementById('title_field').value = document.title;

编辑：另外，当您使用document.title获得文档标题时，为什么还要有一个用于获取标题的隐藏字段？

编辑2：代码段

document.addEventListener('DOMContentLoaded', allContentLoaded, false);

function allContentLoaded() {
  var docTitle = document.title;
  document.getElementById('title_field').value = docTitle;
  console.log(docTitle);
}

<input type="text" name="field[46]" value="" id="title_field" />

<!--For the sake of visibility, I changed the type of your input to text.-->

获取值<input type =“ hidden” name =“ field [46]” value =“” />的动态页面标题

2 个答案: