帶有來自數據庫的動態值的滑塊

-1

我有一個滑塊的代碼並能正常工作，但我需要滑塊顯示我在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>

來源

2012-12-12 Rgg

請注意問題的格式。你花更多時間讓人們閱讀更容易，他們更有可能需要時間來幫助你。 –

你究竟對我的問題Rory不瞭解？ – Rgg

我明白了，我的意思是原始格式不穩定，這使得它更難閱讀。 –

你可以這樣做。

<?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>

來源

2012-12-12 13:05:07

帶有來自數據庫的動態值的滑塊

回答

相關問題