jquery - このjqueryスライダーで選択された値を取得する方法

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スライダーを作成し、「excellentverygoodgoodpoor」などを表示します。の選択について。今、私はそれを行う方法を選択したスライダーの値を取得する必要がありますか????

Answer 1

スライダーが変更されたときに、コードが「非表示」valueの要素を設定しています。id次の行を参照してください。

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

したがって、その要素の値を取得することで、スライダーの現在の値を取得できるはずです。

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

ただし、id"hidden" の非表示入力には初期値がないため、スライダーがまだ変更されていない場合、これは機能しません。その非表示の入力要素に値を与えることで修正できます。

変更時に非表示の入力要素を更新する理由は、ある時点でその値にアクセスできるようにするためだと思います...

Answer 2

スライダーの値は...値に保存されます:$(".slider").slider.value