Question

这是代码

<script> 
  $( ".slider" ).slider({
    animate: true,
    range: "min",
    value: 0,
    min: 0,
    max: 4,
    step: 1,

  //this gets a live reading of the value and prints it on the page
  slide: function( event, ui ) {
    if(ui.value ==0)
      $( "#slider-result" ).html( "Poor");
    else if(ui.value == 1)
      $( "#slider-result" ).html( "Average");
    else if(ui.value == 2)
      $( "#slider-result" ).html( "Good");
    else if(ui.value == 3)
      $( "#slider-result" ).html( " Very Good");
    else if(ui.value == 4)
      $( "#slider-result" ).html( "Excellent");                     
    },

  //this updates the hidden form field so we can submit the data using a form
  change: function(event, ui) { 
    $('#hidden').attr('value', ui.value);
    }
  });
</script>

这个滑块创建一个jquery滑块并显示“优秀非常好的差”等等。在选择。现在我需要获取滑块的值如何选择????

Answer 1

当滑块更改时，您的代码正在设置value“隐藏”元素的id。见行：

$('#hidden').attr('value', ui.value);

因此，您应该能够通过获取该元素的值来获取滑块的当前值：

var currentValue = $('#hidden').val();

但是，id“隐藏”的隐藏输入没有初始值，因此如果滑块尚未更改，则无效。您可以通过为该隐藏的输入元素赋值来解决这个问题。

我假设您在更改时更新隐藏的输入元素的全部原因是您可以在某个时刻访问该值...

Answer 2

滑块值存储在...值：$(".slider").slider.value

中

如何获取在此jquery滑块中选择的值

2 个答案: