2011-06-21 3 views
-3

で選択した値を取得する方法をはこのjQueryのスライダーここ

<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のスライダーを作成し、「優れたverygood良い貧しい」というように表示するコードです。選択時に。今私はそれを行う方法を選択したスライダの値を取得する必要が????

答えて

1

あなたのコードは、スライダーの変更時にidが "非表示"の要素のvalueを設定しています。行を参照してください。

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

あなたはそれゆえ、その要素の値を取得することによって、スライダーの現在の値を得ることができる必要があります:

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

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

私はあなたがいくつかの点で、その値にアクセスすることができますが、それは変化に隠された入力要素を更新する必要があり、全体の理由は、そう...

0

スライダーの値が...値に格納されていると仮定しています:$(".slider").slider.value