2015-05-22 49 views
1

我在窗體中使用JavaScript滑塊作爲插件,但這是我第一次使用JS,我如何獲取滑塊的值以顯示頁面中的其他位置爲了讓我能夠在我的php頁面中使用這個值作爲變量,以便稍後將它寫入MySQL數據庫。如何使用Javascript滑塊的值

以下是代碼片段,創建者說,你用function slide(ui, value)調用值,但我已經嘗試和失敗......我如何獲得這個值作爲一個PHP變量如$mySliderValue

<script> 
    var slider = $('#slider').CircularSlider({ 
     radius: 154, 
     innerCircleRatio: '0.59', 
     handleDist: 96, 
     min: 100, 
     max: 3000, 
     value: 500, 
     clockwise: true, 
     labelSuffix: "", 
     labelPrefix: "R ", 
     shape: "Half Circle Left", 
     touch: true, 
     animate: true, 
     animateDuration : 360, 
     selectable: false, 
     slide: function(ui, value) {}, 
     onSlideEnd: function(ui, value) {}, 
     formLabel: undefined 
    }); 
</script> 
+0

要獲取PHP中的值,您需要將其發送到服務器的請求中。 –

回答

2

如果您正在使用此滑塊的形式,那麼,我相信,你必須讓自己的onSlideEnd功能,也許更新一個隱藏的輸入字段與新的滑塊值:

var slider = $('#slider').CircularSlider({ 
    ... 
    onSlideEnd: function(ui, value) { $('#myHiddenInput').val(value); }, 
    ... 
}); 

,然後ofcourse記做出輸入:

<input type="hidden" id="myHiddenInput" name="slider_value" /> 
0

我相信JavaScript的價值將在客戶端,你需要預先形成一個HTTP POST請求,讓它回到你的服務器端PHP。很多時候,我們使用異步AJAX請求來做到這一點。