javascript - 从Bootstrap滑块获取变量

我必须从网上商店的价格范围滑块中获取一个变量。我想在PHP中回显该值。这是我的test.php文件中的代码:

<script>
    var slidervalue = $('#output').val();
</script>

<?php
    echo "<script>document.writeln(slidervalue);</script>";
?>

这是bootstrap-slider.js文件中的代码:

$(function() {
    $("#pricelimit")
    .slider({})
    .on('slide', function() {
        $('#output').html(this.value);
    })
    .trigger('slide');
});

这是滑块本身的代码:

<input id="pricelimit" type="text" class="span2" value=""
    data-slider-min="10"
    data-slider-max="200"
    data-slider-step="5"
    data-slider-value="[20,100]"/>

但是，页面上显示“未定义”。这是怎么了？

最佳答案

首先，请确保已在test.php中包含jQuery库，或者是否已将其包含在另一个文件中，请检查其中是否也包含了JQuery。

然后，从test.php的var slidervalue = $('#output').val();中删除 var 。

另外，您可以通过首先在输入中添加“名称”属性来使用php的$_GET['somename']直接访问该值。 name="somename"

关于javascript - 从Bootstrap滑块获取变量，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/30256476/

Slider

javascript - 从Bootstrap滑块获取变量