如何滑动jquery滑块从数据库中获取值，如ID为幻灯片和显示的名称

本文关键字：幻灯片 ID 显示 jquery 何滑动 数据库 获取 | 更新日期: 2023-09-27 18:05:02

我使用jquery滑块和静态值，如Nikunj的1,Ravi的2和Upto 5。但我想要1 2 3…或者任何整数都应该来自我的表ID并且Names来自与我的ID相关的数据库表。那么，怎样才能做到呢?

我有简单的jquery代码是静态的1到5,B enter code here，但我想要任何整数来自数据库。我正在使用snap to increments滑动条

My Code In javascript:

<script type="text/javascript" language="javascript">`$(function () {enter code here
            $("#slider1").slider({
                value:1,       // this value should come from database
                min: 1,        //this value should come from database
                max: 5,        //this value should come from database
                step: 1,
                slide: function (event, ui) {
                    var slideyvalue = getConnectedValueById(ui.value);
                    $("#txtlusty").text(slideyvalue );
                }
            });
        }); 
</script>

如何滑动jquery滑块从数据库中获取值，如ID为幻灯片和显示的名称

将它们发送到一个隐藏字段中，并通过jQuery引用它们。

如果你使用MVC，你可以这样做:

@Html.HiddenFor(Model.SliderValue);
@Html.HiddenFor(Model.SliderMinVal);
@Html.HiddeFor(Model.SliderMaxVal);

如果你使用的是ASP.NET WebForms，你可以这样做:

<asp:HiddenField ID="SliderValue" runat="server" Value='1' />
<asp:HiddenField ID="SliderMinValue" runat="server" Value='50' />
<asp:HiddenField ID="SliderMaxValue" runat="server" Value='100' />

然后传递给滑块:

<script>
      var val = $("#SliderValue").val();
      var minVal = $("#SliderMinVal").val();
      var maxVal = $("#SliderMaxVal").val();
      $("#slider1").slider({
            value:val,       // this value should come from database
            min: minVal,        //this value should come from database
            max: maxVal,        //this value should come from database
            step: 1,
            slide: function (event, ui) {
                var slideyvalue = getConnectedValueById(ui.value);
                $("#txtlusty").text(slideyvalue );
            }
        });
    }); 
</script>
相关文章：