Почему не работает код JS внутри формы?

Question

[mipfikus]

Мне нужно в зависимости от языка менять текст в контактной форме от плагина Contact Form 7, на нужный язык.
Вот такой JS получился:

spoiler

var getLangCode = 'lv'; // Упрощенный вид кода
if(getLangCode == "lv")
  {
    document.getElementById('cf7-form-text').value='Jūsu vārds';
    document.getElementById('cf7-form-telefon').value='Jūsu tālrunis';
  }

Но текст у контактной формы в всплывающем окне не поменялся (она внутри кнопки "Купить в 1 клик"):

spoiler

Пример страницы: mextra.segmenti.lv/lv/product/dimanta-urbsanas-iekarta-weka-32/
В других местах проверял, код рабочий.
Попап делает плагин Art Buy in One Click Woocommerce

Answer 1

[Орхан Гасанлы]

Причины могут быть разные...
1) Исключите наличие каких-либо js ошибок в консоли браузера связанных или не связанных с этим кодом.
2) Посмотрите присваивается ли переменной getLangCode нужное значение. Как именно на клиенте вы получаете значение переменной языка? Также текст можно сменить и на серверной стороне. У вас же плагин wpml. А вот, как проверять текущий язык

<?php if ( ICL_LANGUAGE_CODE=='lv' ) : ?>
//code
<?php endif; ?>

3) Меня беспокоит вопрос насчет триггера. Если вы используете vanilla js, то попробуйте обернуть код в

document.addEventListener("DOMContentLoaded", function() {
  // код
});

и посмотрите отработает ли ваш сниппет.
В общем, нужно дебажить код и смотреть, где и что не работает

Comments

[mipfikus]

azerphoenix, Спасибо за ответ! В дебаге нашел эту ошибку:


Что это может быть?

[mipfikus]

azerphoenix, понял что за ошибка, в коде страницы просто нет элементов с таким ID. Они появляются когда попап открыт. Значит код нужно запускать когда открывается попап, если есть идеи как это сделать, буду рад выслушать. Еще раз спасибо!

PS

Внутри попапа форма cf7, которую я и перевожу. Плагин cf7 multilang не помогает

[mipfikus]

azerphoenix,

присваивается ли переменной getLangCode нужное значение?

Да, всё в порядке

[Орхан Гасанлы]

Я так понимаю, что проблема до сих пор не решена?

понял что за ошибка, в коде страницы просто нет элементов с таким ID. Они появляются когда попап открыт.

Так может быть только если вы содержимое попапа загружаете аяксом, в чем я сомневаюсь. Если содержимое аякса загружается аяксом, то триггер можете повесить на нажатие кнопки отображения аякса и тогда будете производить замену строки.

[mipfikus]

azerphoenix, Спасибо за содействие!
Решение моей проблемы крылось в этом коде:

function awooc_change_form_id_to_wpml( $selected_form_id ) {

	if ( 'ru' === ICL_LANGUAGE_CODE ) {
		$form_id = (int) 1926; // ID формы
	} elseif ( 'lv' === ICL_LANGUAGE_CODE ) {
		$form_id = (int) 1911; // ID формы
	} else {
		$form_id = $selected_form_id;
	}

	return $form_id;

То есть решение - подменять ID формы в зависимости от языка