Как изменить значение текстового поля в контактной форме WordPress 7 с помощью JavaScript

Question

Я пытаюсь изменить / ввести значение в контактной форме WordPress 7 с использованием JavaScript.Я обнаружил, что форму id можно идентифицировать тремя способами:

<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

Мне удалось найти способ решить эту проблему, и я догадался, что размещение здесь может помочь.

Я проверил исходный код (ctrl + u) страницы, на которой расположен тег формы контакта, и заметил, что каждый тег конвертируется в язык HTML. * Например 1003 *

<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"

Это изменит значение текстового поля внутри тега метки.

Answer 2

Попробуйте это:

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