javascript - 从 Bootstrap slider 获取变量

Question

我必须从我的网上商店的价格范围 slider 中获取一个变量。我想回显 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');
});

这是 slider 本身的代码:

<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]"/>

但是，在页面上，它显示“未定义”。这里出了什么问题？

Answer 1

首先，确保您在 test.php 中包含了 jQuery 库，或者如果它包含在另一个文件中，请检查 JQuery 是否也包含在该文件中。

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

您还可以使用 php 的 $_GET['somename'] 直接访问该值，方法是首先在输入中添加“name”属性。 name="somename"