javascript - 如何使用 Javascript slider 的值

Question

我在表单中使用 JavaScript slider 作为插件，但这是我第一次使用 JS，如何让 slider 的值显示在我页面的其他位置，以便我将此值用作我的 php 页面中的变量，以便我稍后将其写入 MySQL 数据库。

下面是一段代码，创建者说你可以通过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>

Answer 1

如果您在表单中使用此 slider ，那么我相信您必须制作自己的 onSlideEnd 函数，该函数可能会使用新的 slider 值更新隐藏的输入字段:

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

然后当然记得进行输入:

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