Передать переменную JQUERY из формы в обработчик PHP

125

28 августа 2019, 18:00

Всем привет! Прошу помочь в решении следующего вопроса: Есть сайт на котором располагается список мобильных номеров (для выбора и последующей покупки). Посетитель сайта может кликнуть по номеру (при этом у номера меняется класс), при клике номер отображается в форме сайта (при клике номер добавляется в массив, далее в строке формы выводится содержимое массива).

При отправки формы на электронную почту не приходят значения переменных (номера), выбранных пользователем.

Как можно решить данную проблему?

$(document).ready(function() { 
	 
$('.number').on('click', function() { 
	let numberArr = []; 
	$(this).toggleClass('selected'); 
	$('.number.selected'). each(function() { 
		numberArr.push($(this).text()); 
	}); 
 
	$('#out').val(numberArr); 
}); 
});

<form id="form" action="mail.php" method="POST"> 
					 
  <input type="text" name="user_name" placeholder="Например, Иван"> 
  <input type="text" name="user_phone" placeholder="+7 (999)-544-75-84">		 
  <input name="user_number" id="out" type="text"> 
 
  <button type="submit" class="btn btn-primary">Отправить форму</button> 
 
 
</form> 
 
<?php  
 
require_once('phpmailer/PHPMailerAutoload.php'); 
$mail = new PHPMailer; 
$mail->CharSet = 'utf-8'; 
 
$name = $_POST['user_name']; 
$phone = $_POST['user_phone']; 
$number = $_POST['user_number'] 
 
$mail->isSMTP();                              
$mail->Host = 'smtp.mail.ru';  
$mail->SMTPAuth = true;  
$mail->Username = 'test@mail.ru'; 
$mail->Password = '$dk820&123'; 
$mail->SMTPSecure = 'ssl';   
$mail->Port = 465;  
 
$mail->setFrom('test@mail.ru'); // от кого будет уходить письмо? 
$mail->addAddress('gomudusu@p33.org');  // Кому будет уходить письмо  
 
$mail->isHTML(true);   
 
$mail->Subject = 'Заявка с тестового сайта'; 
$mail->Body    = '' .$name . ' оставил заявку, его телефон ' .$phone. '<br>Выбранные номера этого пользователя: ' .$number; 
$mail->AltBody = ''; 
 
if(!$mail->send()) { 
    echo 'Error'; 
} else { 
    header('location: thank-you.html'); 
} 
 
?>