Проблема при передаче значения слайдера в почтовый скрипт php

Question

Я хочу отправить значение ползунка по электронной почте вместе с некоторыми вещами, которые они ввели в мою форму, в мой скрипт электронной почты php. Вот как выглядит форма, которая будет передавать данные в метод POST файла mailer.php:

<form method="POST" action="mailer.php">
   Name:
   <input type="text" name="name" size="19"><br>
   <br>
   E-Mail:
   <input type="text" name="email" size="19"><br>
   <input type="hidden" name="slider_value" size="19" value=document.getElementById('sliderValue').value><br>
   <br>
  <input type="submit" value="Submit" name="submit">
</form>

document.getElementById ('sliderValue'). Value - это вызов, который я делаю, чтобы получить значение ползунка, но когда я передаю его в значение моего скрытого ввода slider_value, я получаю обратно document.getElementById ('sliderValue') .value "в письме, отправленном моим PHP-скриптом. Как бы я вместо этого передал значение?

Answer 1

document.getElementById - это функция Javascript. Вероятно, он не будет делать то, что вы хотите, если вы не поместите его в место, где принят Javascript.

Один из способов передать значение слайдера - поместить элемент sliderValue в форму, которую вы отправляете.

Если это не вариант, вы можете установить значение элемента slider_value с помощью Javascript. Либо установите атрибут onsubmit в форму, подобную этой:

<form method="POST" action="mailer.php"
    onsubmit="this.slider_value.value = document.getElementById('sliderValue').value">

или добавьте прослушиватель событий, чтобы сделать это:

var form = document.forms[0];    //this may need to be changed depending on your form

function addSliderValue() {
    this.slider_value.value = document.getElementById('sliderValue').value;
}

if (form.addEventListener) {    //most browsers
    form.addEventListener("submit", addSliderValue, false);
} else if (form.attachEvent) {    //IE
    form.onsubmit = addSliderValue;
}

Answer 2

Свяжите функцию с ползунком «onSlide / onChange / что бы это ни называлось», событие, которое обновит скрытое поле ввода значением ползунка. Также установите входное значение в начальное значение ползунка на инициализации ползунка. Это должно сработать.