具有来自数据库的动态值的滑块答案

【问题标题】：Slider with dynamic values from a database具有来自数据库的动态值的滑块
【发布时间】：2012-12-12 12:46:31
【问题描述】：

我有这个滑块代码并且可以工作，但我需要滑块显示我在 SQL 表中的动态值（数字和字母数字）。出于这个原因，我不能在min、max 和step 上放置像这里这样的静态值。我该怎么做才能在那里显示我的表的值？

<script>
    $("#slider").slider({
        value:100,
        //MIN ANSWER INPUT VALUE ??? AND WITH MAX THE SAME
        min: 0,
        max: 500,
        step: 50,
        slide: function(event, ui) {
            $( "#amount" ).val( "$" + ui.value );
        }
    });
    $("#amount").val("$" + $("#slider").slider("value"));
});
</script>

<p>
    <label for="amount"><?php echo $row_questionset['QuestionValue']; ?>< /label>
    <input type="text" id="amount" style="border: 0; color: #f6931f; font-weight: bold;" />
</p>
<div id="slider"></div>

【问题讨论】：

请注意问题的格式。你花的时间越多，让人们更容易阅读，他们就越有可能花时间帮助你。
关于我的问题 Rory 你到底有什么不明白的？
我明白了，我的意思是原始格式不稳定，因此更难阅读。

标签： php jquery sql jquery-ui-slider

【解决方案1】：

你可以这样做。

<?php 
//get the values from the database here and set them to variables.
$minValue = 1;
$maxValue = 4;
$stepValue = 2;
?>
<html>
<script>
var minValue = <?php echo $minValue; ?> ;
var maxValue = <?php echo $maxValue; ?>;
var stepValue = <?php echo $stepValue; ?>;//if a string value, put <?php echo $stepValue; ?> inside quotes.
$( "#slider" ).slider({
                    value:100,//MIN ANSWER INPUT VALUE ??? AND WITH MAX THE SAME
                    min: minValue,
                    max: maxValue,
                    step: stepValue,
                    slide: function( event, ui ) {
                        $( "#amount" ).val( "$" + ui.value );
                    }
                });
$( "#amount" ).val( "$" + $( "#slider" ).slider( "value" ) );
</script>

<p>
<label for="amount"><?php echo $row_questionset['QuestionValue']; ?></label>
<input type="text" id="amount" style="border: 0; color: #f6931f; font-weight: bold;" />
</p>

<div id="slider">

</div>
</html>

【讨论】：