2011-06-21 38 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