将滑块值传递到php邮件脚本时出现问题

将滑块值传递到php邮件脚本时出现问题,php,html,slider,Php,Html,Slider,我想通过电子邮件将滑块的值以及它们输入到我表单中的一些内容发送到我的php电子邮件脚本中。下面是将数据传递给mailer.php的POST方法的表单的外观: <form method="POST" action="mailer.php"> Name: <input type="text" name="name" size="19"><br> <br> E-Mail: <input type="text" name

我想通过电子邮件将滑块的值以及它们输入到我表单中的一些内容发送到我的php电子邮件脚本中。下面是将数据传递给mailer.php的POST方法的表单的外观:

<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是我为获取滑块值而进行的调用,但当我将其传递给隐藏输入滑块的值时,我会在php脚本发送的电子邮件中返回“document.getElementById('sliderValue')。value”。如何传递值?

将函数绑定到滑块“onSlide/onChange/which is called”事件,该事件将使用滑块值更新隐藏的输入字段。还可以将输入值设置为slider init上的初始滑块值。这应该可以解决问题。

document.getElementById是一个Javascript函数。除非你把它放在一个可以接受Javascript的地方,否则它可能不会做你想做的事情

传递滑块值的一种方法是将sliderValue元素放入您提交的表单中

如果这不是一个选项,那么可以使用Javascript设置slider_value元素的值。将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;
}