Почему не обновляется переменная в php?

Question

[IceDoG7538]

В калькуляторе подсчитывается цена, но при передаче value скрытого inputa он передает начальное значение

<form enctype="multipart/form-data" method="post" id="form" onsubmit="send(event, '<?php echo get_template_directory_uri() ?>/send.php')">
....
<span class='price'>0 </span><span class='price__symbol'>₽</span>
<input type="hidden" name="i_price" value='' id='prices'> 
</form>

Вот php отправитель

$telephone = $_POST['telephone'];
$price = $_POST['i_price'];

// Формирование самого письма
$title = "Заголовок письма";
$body = "<h2>Новое письмо</h2>
<b>Номер:</b> $telephone<br>
<b>Cтоимость:</b> $price<br>";

Вот отправка запроса на сервер

function send(event, php) {
  console.log("Отправка запроса");
  event.preventDefault ? event.preventDefault() : event.returnValue = false;
  var req = new XMLHttpRequest();
  req.open('POST', php, true);
  req.onload = function () {
    if (req.status >= 200 && req.status < 400) {
      json = JSON.parse(this.response);
      // ЗДЕСЬ УКАЗЫВАЕМ ДЕЙСТВИЯ В СЛУЧАЕ УСПЕХА ИЛИ НЕУДАЧИ
      if (json.result == "success") {
        // Если сообщение отправлено
        alert("Сообщение отправлено");
      } else {
        // Если произошла ошибка
        alert("Ошибка. Сообщение не отправлено");
      }
      // Если не удалось связаться с php файлом
    } else { alert("Ошибка сервера. Номер: " + req.status); }
  };

  // Если не удалось отправить запрос. Стоит блок на хостинге
  req.onerror = function () { alert("Ошибка отправки запроса"); };
  req.send(new FormData(event.target));
}

Answer 1

[Егор Давыдов]

У тебя ID "#prices" точно один на всю страницу? ID должен быть уникальным у каждого элемента, class может быть одинаковым. Если ID не уникален, то видимо JS ломается и не находит элемент и поэтому отправляет дефолтные данные.

Comments

[IceDoG7538]

И ID и name уникальны

[Егор Давыдов]

IceDoG7538, это хорошо, обычно самые сложные ошибки - самые глупые... Так, а через инспект до отправки данные в форме хранятся как надо?
Что выведет вот этот код?

console.log(document.getElementById("prices").value);

[IceDoG7538]

console.log(document.getElementById("prices").value);
document.getElementById("prices").value = resultSum;
console.log(document.getElementById("prices").value);

resultSum = это переменная в которой храниться сумма (для справки)

вот ответ на почту

[Егор Давыдов]

Попробуем вот так, функцию send() полностью заменяем. В вызовах функции onsubmit убираем аргументы при вызове функции.
Если сработает, то останется лишь добавить парсинг номера телефона в функцию, не знаю как у вас сделано но можно по аналогии с переменной resSum.

function send() {
  var resSum = document.getElementById("prices").value;
  var phone = 'test phone';

  console.log("Отправка запроса");
  $.ajax({
	url: '<?php echo get_template_directory_uri() ?>/send.php',
	method: 'post',
	dataType: 'html',
	data: {telephone: phone, i_price: resSum},
	success: function(data){
		console.log("Succesfull!");
		console.log(data);
	},
	error: function(error){
		console.log("ERROR!"+eval(error));
		console.log(data);
	}
});
}

[IceDoG7538]

Егор, спасибо вам большое. Ошибка оказалась еще глупее.
Я совсем забыл что выводил данные циклом. Поставив туда скрытый инпут я его зациклил и брал первый попавшийся и выдавал мне его value.