如何使用javascript更改wordpress联系人表单7中的文本字段的值

Question

我尝试使用javascript更改/输入wordpress联系人表单7中的值。我发现 id 形式可以通过3种方式识别

<label> [text your-name id:poo] </label>

<label id="poo"> [text your-name] </label>

<label> [text your-name html_id:poo] </label>

在所有三种方式中，我都尝试了javascript方法

document.getElementById("poo").value = "Jonny"

但是javascript代码在网页上显示时似乎对表单没有任何影响。我对如何做到这一点有任何想法吗？

我还将代码放在表单编辑器字段中，如果这是编写代码的错误部分，可能是导致代码未被执行的原因，请注明。谢谢

Answer 1

试试这个：

document.getElementById("poo").innerHTML = "Jonny"

Answer 2

我已经找到了解决问题的方法，我猜这里发帖可能有所帮助。

我检查了联系表单标签所在页面的源代码（ctrl + u），我注意到每个标签都转换为HTML语言。 E.g

<label> <[text your_name id:poo ""] </label>

这将在页面中转换并在源代码中显示为

<input type="text" name="your_name" value="" id="poo" />

因此，javascript代码不必放在联系表单编辑器中。相反，它应该放在短代码所在的页面上：下面是短代码的一个例子

[contact-form-7 id="289" title="Your contact form"]

因此，在短代码所在的页面中，您现在可以使用;

document.getElementById("poo").value = "jonny"

这将改变标签标签中文本字段的值。