0

下面的 javascript 在表单中创建了一个滑块，该滑块在同一页面上具有提交代码。

表单中显示来自 javascript 的滑块的代码是

<div id="outbox-bottom">Callback time selected <span style="font-size:9px">(Ex Weekends):</span> <span id="callback_selected"></span></div>

我需要一种方法将在滑块上选择的时间转换为一个变量，我可以用它来获取我的表单，如$time = $_POST['time'];

<script type="text/javascript">
jQuery.noConflict();
jQuery(function() {
  jQuery('#callback_selected').html("9 am");
  var select = jQuery( "#callback" );
  var slider = jQuery( "<div id='slider'></div>" ).insertAfter( select ).slider({
    min: 1,
    max: 12,
    range: "min",
    value: 1,
    step: .5,
        slide: function (event, ui) {
        $time_int = ui.value;
        if (ui.value < 5) {
            $time_int = $time_int + 8;
            if ($time_int.toString().substr(-2) == '.5') $time_int = $time_int.toString().split('.')[0] + ":30";
            $time_selected = $time_int + " am";
        } else {
            $time_int = $time_int - 4;
            if ($time_int.toString().substr(-2) == '.5') $time_int = $time_int.toString().split('.')[0] + ":30";
            $time_selected = $time_int + " pm";
        }
      jQuery('#callback_selected').html($time_selected);
    }
  });
});
</script>
4

2 回答 2

0

听起来您将需要使用一些 Ajax 将数据发送到 PHP。

看一下这个：

http://api.jquery.com/jQuery.ajax/

基本上，您将拥有一个将参数发送到 php 文件的 Ajax 函数。从那里你可以用你发送的变量做你需要的事情。

于 2013-06-21T15:39:30.237 回答
0

在表单中添加隐藏输入：

<input type="hidden" name="time" id="time" value="" />

然后，一旦他们选择了时间并且您正在更新 html #callback_selected，请添加另一个以更新隐藏字段的值。它会将值与表单一起发布。

// Rest of your script...
jQuery("#time").val($time_selected);

现在您应该能够time在您的帖子中找到价值。

于 2013-06-21T15:44:39.877 回答