从 Bootstrap 滑块获取变量

Posted 2023-05-08

【中文标题】从 Bootstrap 滑块获取变量

【英文标题】：Getting variables from a Bootstrap slider

【发布时间】：2015-07-27 04:47:15

【问题描述】：

我必须从我的网上商店的价格范围滑块中获取一个变量。我想在 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]"/>

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

【问题讨论】：

您不需要将一些参数传递给滑块方法吗？ .slider()

【参考方案1】：

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

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

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