如何使用Javascript滑块

Question

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

以下是代码片段，创建者说您使用function slide(ui, value)调用该值，但我尝试过但失败了...如何将此值作为php变量获取，例如{{1 }}：

$mySliderValue

Answer 1

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

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

然后当然记得输入：

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

Answer 2

我相信JavaScript值将在客户端，您需要预先形成一个http POST请求，以将其返回到服务器端PHP。很多时候，我们使用异步AJAX请求来执行此操作。