微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何在PHP中获取/获取HTML5 Range Slider的值?

如何获取表单中范围滑块的值?

只是从名字中询问,我无法从中获得价值.

我使用此JavaScript函数在滑块旁边的表单中键入值

    function showValue(newValue)    {
    document.getElementById("range").innerHTML=newValue;    }

我可以从div或类似的东西打电话吗?

编辑!
好的,我们走了,如果我让你们大吃一惊,我很抱歉,但英语不是我的母语.我会试着解释一下.

我在HTML5中有一个联系表单,它将数据提交给mail.PHP.

<input type="text" name="name"/>
<input type="email" name="email"/>

在mail.PHP中,我从输入框中获取

$name = $_POST['name'];
$email = $_POST['email'];

然后进一步处理发送实际邮件.

到现在为止还挺好?

我有一个范围滑块,用于确定用户想要预订的乘客数量.

<input type="range" min="1" max="12" step="1" value="1" name="passengers" onchange="showValue(this.value)" />
<span id="range">1</span></p></div>

我使用JavaScript函数,因为我想在他/她进入表单时向用户显示滑块的当前选定值.

但我自己当然希望将mail.PHP中的这个值也发送给发送邮件.我不能从范围名称请求值.所以我想知道是否可以从div id范围或其他东西访问该值?

解决方法:

因此,您需要一个滑块,它在其自身旁边显示其当前值,并且在提交表单时,您的操作文件(mail.PHP)获取/检索Slider的选定值以进一步处理.对??

我相信因为:

标题你的问题发送HTML 5范围滑块值通过PHP发送邮件,我把它解释为如何在mail.PHP获取此范围滑块的值.

你说通过对它们执行$_POST [“foo”]来获得输入文本框的值.

因此,以同样的方式,Range Slider的值也可以在$_POST数组中使用.我假设你使用的是action = POST,因为你提到$name = $_POST [‘name’]

因此,要获得此特定范围滑块的值,请使用:

$range_slider_value = $_POST["passengers"];

当然,您应该查看清理表单输入和所有其他类型的外部输入.

一个功能齐全的代码段,用于显示用户计算机上的值,当他/她更改滑块和Form-submit时,会将其提供给您的mail.PHP

<form action="" method="POST">
    <input type="range" min="1" max="12" step="1" value="1" id="foo" name="passengers" onchange='document.getElementById("bar").value = "Slider Value = " + document.getElementById("foo").value;'/>
<input type="text" name="bar" id="bar" value="Slider Value = 1" disabled />
<br />
<input type=submit value=Submit />
</form>

<?PHP
if(isset($_POST["passengers"])){
    echo "Number of selected passengers are:".$_POST["passengers"];
    // Your Slider value is here, do what you want with it. Mail/Print anything..
} else{
Echo "Please slide the Slider Bar and Press Submit.";
}
?>

Live Demo at Codepad.viper-7.com

引用http://www.html5tutorial.info/html5-range.php,
值是“Input”元素的常见属性.该值可以是任何有效的浮点数,不必是整数.认值是最小值加上最大值的一半.

不要将Javascript功能PHP功能混淆. PHP Works服务器端,一旦生成页面就无法改变任何内容. Javascript适用于客户端,即使在呈现页面后也可以更改页面.

你说如果我可以从div id范围或其他东西访问值..
在jQuery中,可以获取Div的值并且可以与Form数据一起提交,但是您不需要去那条路线.一个简单的$_POST [“乘客”];会做.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐