javascript - 在我的特定 PHP 代码中处理 slider 标签

Question

您好，我快要完成表单了，我的 slider 在 php 中的集合值有点问题。 slider 代码结构:

<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 不是很熟悉？提前致谢

Answer 1

您没有在 POST 请求中获得 slider1 值，因为没有 form field slider1。您需要做的是添加一个隐藏表单元素 并在 slider 移动时填充它。像这样:

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);
    }
}
?>