Question

我旁边有一个输入和jQuery滑块。

<div id="slider_value_1" class="slider"></div> <input type="text" name="value_1" value="<?php echo get_option('value_1'); ?>" />

滑块设置为：

 $(".slider").slider({
        slide: function(event, ui) {
            $(this).next().val(ui.value);
        }
    });

 $("#slider_value_1").slider({ min: 1, max: 2000, step: 100  });

所以当我将滑块移到最右边时 - 它在旁边的输入中显示2000，当我将滑块向左移动时 - 它显示为1.

问题是我正在保存我的表单并且它完全保存了输入的值但我想保存滑块的位置吗？怎么做？

我想：

<div id="slider_value_1" class="slider" value="<?php echo get_option('value_1'); ?>"></div>

不行吗？

Answer 1

鉴于您的输入具有正确的值，也许您可以在滑块init

中添加以下内容

$("#slider_value_1").slider({ min: 1, max: 2000, step: 100, value: $("input[name='value_1']").val() });

Answer 2

我用php，mysql和jquery完成了这个。

滑块从0到100，50为中间。

在输入字段中，如果存在，则从数据库中获取保存的值，如果未将滑块设置为50： <input type="hidden" name="input1" id="input1" value="<php $x = $row_y['value']; if($x == null){echo '50';} else{echo $x;}>"
在javascript中添加一个变量，该变量从输入字段中获取值，然后更新字段值：

var z= $(input).val(); $( ".slider" ).slider({animate: true,range: "min",value: z,min: 10,max: 100,step:10,change: function(event, ui) { $('#input1').attr('value', ui.value);} });
然后您可以提交表单以更新值。

希望这有帮助。

Answer 3

jQuery滑块值保存* for循环中的多个滑块中的动态值如何解决此问题我发布了我的脚本请改进我的答案 *

var vote_position = $（＆＃34;＃hidden＆＃34;）。val（）; // var value_slider_dynamic = parseInt（vote_position）; var value_slider_dynamic = parseInt（$（＆＃34; input [name =＆＃39; value_dynamicslider＆＃39;]＆＃34;）。val（））;

            //alert(vote_position);
        //var vote_position = $(this).attr('datamin');
        //$(selector).attr('datamin');
        //alert(vote_position);
        //$(".slider").slider('option', vote_position);

            $(".slider").slider({
            /*isRTL: true,
            isLTR: true,*/
            /*range: "min",*/

            range: "min",
            step: 1,
            min: 1,
            max: 3,
            value: value_slider_dynamic,

jQuery滑块值保存

3 个答案: