Question

我有一个范围滑块，允许用户轻松更改输入。我需要在更改滑块后读取值。

我最初尝试过：

var buzzReview = $( "#Cat_Custom_1" ).val();

但是这只是在移动滑块之前给出了值（这是空白的）。

然后我考虑做这样的事情：

$("#Cat_Custom_1").on("change",function(){ var buzzReview = $( "#Cat_Custom_1" ).val(); });

这个问题是变量在该函数之外是不可用的。

如何获取滑块的值并将其存储在我的整个脚本可访问的变量中，而不管它何时被更改？ IE：用户更改滑块，我有值，然后用户稍后更改滑块，我再次获得新值。

我正在使用jQuery 2.1。 Here is a fiddle带有工作代码。

Answer 1

我把你的小提琴分开了，它工作得很好，问题是jquery区分大小写，这就是为什么你得到未定义的值

http://jsfiddle.net/zXV4s/8/

如果你想把它变成变量，这就是小提琴

http://jsfiddle.net/zXV4s/11/

$(".button").on("click",function(ev){
    alert($( "#CAT_Custom_1").val());  
});

Answer 2

也许你应该尝试：

 $(function() {


   //your slider setUp was here



     function getSliderValue(){
        return $("#CAT_Custom_1").val();
     }

     $("button").click(function(){
       alert(getSliderValue());
     });

  });

我只是简单地创建了一个返回该输入类型当前值的函数。现在你只需稍微调整一下，以避免空值而不是0. :)从外面的某个地方，调用函数并将返回的值存储在你需要的地方。

更改后从输入读取值

2 个答案: