html5最大值最小值标签,HTML5范围滑块最小值和最大值(HTML5 Range Slider Min and Max Values)...

HTML5范围滑块最小值和最大值(HTML5 Range Slider Min and Max Values)

我在ASP.NET MVC 5应用程序中有一个HTML5滑块：

如何从Microsoft SQL Server表中获取最大值？

我是否需要使用Jquery / Ajax来访问控制器操作，然后从数据库中获取值？

我已经在网上寻找答案但到目前为止没有运气。

I have an HTML5 slider within an ASP.NET MVC 5 application:

How can I get the max value from an Microsoft SQL Server table?

Do I need to use Jquery/Ajax for this to access a controller action to then get the value from the database?

I have looked on the internet for answers but have had no luck so far.

原文：https://stackoverflow.com/questions/29102891

更新时间：2019-10-18 06:39

最满意答案

您已经在滑块的声明中指定了Max值。

如果您的意思是如何从数据库中获取滑块的值，则需要从服务器端进行查询，并在get类型的Ajax调用中使用jquery的val方法设置返回的值。

You already have specified the Max value in the declaration of the slider.

If you mean how you can get the value of the slider from the database then, you need to query from the server side and set the value returned using jquery's val method in the Ajax call of get type.

相关问答

这是因为你的JSON数据是一个字符串，除去那些值的引号，例如 {

"photographer_id": "2",

"label": "Tommy Stay (TS)",

"value": "TS",

"rollnum_from": 1,

"rollnum_to": 10

}

代替 {

"photographer_id": "2",

"label": "Tommy Stay

...

如果您查看http://jqueryui.com/demos/slider/#range上的演示代码，您可以看到最大值和最小值可以从 敏 $("#slider-range").slider("values", 0)

马克斯 $("#slider-range").slider("values", 1)

或者从滑块回调中使用 slide: function(event, ui) {

ui.values[0]/*min*/;

...

您已经在滑块的声明中指定了Max值。 如果您的意思是如何从数据库中获取滑块的值，则需要从服务器端进行查询，并在get类型的Ajax调用中使用jquery的val方法设置返回的值。 You already have specified the Max value in the declaration of the slider. If you mean how you can get the value of the slider from the database then, you need t

...

jQueryUI滑块需要int值，而不是字符串值。 val()返回字符串。 如果你这样做它修复你的问题...... var getmin = parseInt($('.getmin').val(), 10);

var getmax = parseInt($('.getmax').val(), 10);

看到更新的js小提琴...... 你还必须处理NaN值，所以你也可以这样做...... var getmin = parseInt($('.getmin').val(), 10);

var get

...

只需将其添加到您的代码中 $("#brush_size").val(localStorage['brush_size']);

$("#opacity").val(localStorage['opacity']);

Just add this to your code $("#brush_size").val(localStorage['brush_size']);

$("#opacity").val(localStorage['opacity']);

你几乎拥有它。 属性data-slider-min="0" data-slider-max="1000"可以这样访问： var min = $('#rbSlider').data('sliderMin');

var max = $('#rbSlider').data('sliderMax');

请注意，我已经删除了-并使用了CamelCase。 看看API ，你会看到jQuery $( "div" ).data( "lastValue" ) === 43; ： ...在元素的属性中进行搜索，将驼

...

试试这个作为起点： document.querySelector("#range").addEventListener("change", function(e){

document.querySelector(".range").textContent=e.currentTarget.value;

})

这是小提琴 。 处理多个滑块时，为每个滑块添加change事件没有意义，而是使用event-delegation (将change -listener附加到包含所有滑块的父元素并自行调

...

由于ui-slider使用该指令的属性，因此需要传递实际值：

...

这个jQuery UI滑块扩展满足所有上限要求 我设法改变默认的jQuery UI滑块以包含更多的配置属性： minRangeSize - 设置最小范围大小，因此范围不能小于此设置 maxRangeSize - 设置最大范围大小，因此范围不能超过此设置 autoShift - 设置为true时，当范围宽度达到最大值时，它会自动拖动另一个手柄; 当设置为false手柄时，只能移动超出最大范围宽度 lowMax - 设置较低的手柄上限，因此无法将较低的手柄设置为超过此值 topMin - 设置上手柄下

...

演示尝试这个， localStorage[$key] = ui.value+ " - " + ui.values[ 1 ] +" mm";

Demo try this, localStorage[$key] = ui.value+ " - " + ui.values[ 1 ] +" mm";