-3

这是代码

<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 滑块并显示“非常好好差”等等。在选择 . 现在我需要选择滑块的值怎么做？？？

4

2 回答 2

1

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

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

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

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

但是，带有id“隐藏”的隐藏输入没有初始值，因此如果滑块尚未更改，这将不起作用。您可以通过为隐藏的输入元素赋值来解决此问题。

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

于 2011-06-21T14:09:32.073 回答
0

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

于 2011-06-21T14:10:18.227 回答