在我的特定php代码中处理滑块标记 - proces sliders tags in my specific php code

proces sliders tags in my specific php code

本文关键字：处理代码我的 php | 更新日期: 2023-09-27

你好，我的表单快结束了，在滑块的php中收集值有点问题。滑块代码结构：

<section1>
    <label class="label">Simple <p style="float:right">Complex</p></center></label> 
    <div id="slider1" name="slider1"></div>
</section1>
<section1>
    <label class="label">Playful <p style="float:right">Serious</p></center></label>    
    <div id="slider2" name="slider2"></div>
</section1>

Javascript

$(function()
{
    // Regular slider
    $('#slider1').slider({
        min: 0,
        max: 100,             
        values: [50],
        slide: function(event, ui)
        {
            $('#slider1-value').text(ui.value);
        }
    });
    $('#slider2').slider({
        min: 0,
        max: 100,             
        values: [50],
        slide: function(event, ui)
        {
            $('#slider1-value').text(ui.value);
        }
    });

PHP:

我没有从slider1中得到任何值，有了这个代码结构，我该怎么办？我不太熟悉php、任何javascript或jquery？提前感谢

由于没有form field slider1，您在POST请求中没有得到slider1值。您需要做的是添加一个hidden form element，并在滑块移动时填充它。像这样：

HTML:

<section1>
    <label class="label">Simple <p style="float:right">Complex</p></center></label> 
    <div id="slider1" name="slider1"></div>
    <input type="hidden" id="slider1-value" name="slider1-value" />
</section1>
<section1>
    <label class="label">Playful <p style="float:right">Serious</p></center></label>    
    <div id="slider2" name="slider2"></div>
    <input type="hidden" id="slider2-value" name="slider2-value" />
</section1>

Javascript：

$(function()
{
     // Regular slider
     $('#slider1').slider({
         min: 0,
         max: 100,           
         values: [50],
         slide: function(event, ui)
         {
             $('#slider1-value').val(ui.value);
         }
     });
     $('#slider2').slider({
         min: 0,
         max: 100,           
         values: [50],
         slide: function(event, ui)
         {
             $('#slider2-value').val(ui.value);
         }
     });

PHP:

<?php
    if(isset($_POST['name'])) {
        $to = 'myemail@gmail.com'; 
        $subject = 'My Form';
        $headers = 'From: ' . $_POST['email'] . "'r'n" . 'Reply-To: ' . $_POST['email'];    
        $message = 'Name: ' . $_POST['name'] . "'n" .
            'Surname: ' . $_POST['surname'] . "'n" .
            'E-mail: ' . $_POST['email'] . "'n" .
            'Phone: ' . $_POST['phone']. "'n" .
            'Country: ' . $_POST['country']. "'n" .
            'Web Site : ' . $_POST['url']. "'n" .
            'Simple vs Complex : ' . $_POST['slider1-value']. "'n";
    mail($to, $subject, $message, $headers);    
    if($_POST['copy'] == 'on') {
        mail($_POST['email'], $subject, $message, $headers);
    }
}
?>

.text（）方法不能用于表单输入或脚本。之后

<div id="slider1" name="slider1"></div>

添加

<input type='hidden' name='slider1val' id='slider1val' value='0' /> <!-- change value to initial -->

然后更改

$('#slider1-value').text(ui.value);

至

$('#slider1val').val(ui.value);

在您的PHP中，$_POST['slider1val']将获得该值。