2011-06-21 37 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滑塊和顯示「優威固特好可憐」等。在選擇。現在我需要得到滑塊的選擇如何做到這一點的價值????

回答

1

您的代碼與id「隱藏」滑塊改變時設置元素的value。見行:

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

因此,應該能夠通過獲取該元素的值來獲得滑塊的當前值:

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

然而,隱藏的輸入與id 「潛伏」沒有一個初始值,所以如果滑塊還沒有發生變化,這將無法正常工作。您可以通過給該隱藏的輸入元素賦予一個值來解決這個問題。

我假設你有它的更新變化的隱藏輸入元素的整個原因是這樣你就可以在某些時候訪問值...

0

滑塊值存儲在...值:$(".slider").slider.value