2014-03-14 155 views
0

你好我面临艰难的时候把滑块值,我有一个显示五个滑块,我这样做如下得到的值无法在Jquerymobile获得滑块价值

<div> 
    <label for="slider" >1. choose a value.</label> 
    <input type="range" id="p1slider1" name="p1slider1" class="slider" value="0" min="0" max="5" data-highlight="true" /> 
    <label class="sliderlabel"></label> 
    </div> 

Try1

var slider1 = $('input:text[id=p1slide1]').val(); 
    alert(slider1); 

Try2

<script> 
$("#p1slider1").on("change", function (event) { 
    var value = event.target.value; 
    console.log("Slider is moving, it's value is now: " + value); 
}); 
</script> 

尝试3 tryed与div元素和如下

$("#div-slider").change(function() { 
    var slider_value = $("#p1slider1").val(); 
    // do something.. 
}); 

他们没有为我工作环境,不知道在哪里我做错

也为我有五个滑块和一个提交按钮每个页面,我想要将所有滑块的值发送到数据库上的提交按钮单击,实现它的最佳方法是什么? 任何有关此信息的理解

编辑

var slide1; 

$(document).ready(function() { 
    $("#custom-li").click(insertRecordp1); 
    $("#p1next").click(insertRecordp2); // Register Event Listener when button click. 

function insertRecordp1(tx) // Get value from Input and insert record . Function Call when Save/Submit Button Click.. 
{ 
    var orgname = $('input:text[id=name]').val(); 
    alert(orgname); 
}  

    function insertRecordp2(tx) // Get value from Input and insert record . Function Call when Save/Submit Button Click.. 
{ 

} 
// below code not working-->your code 
$("input#p1slider1").on("change", function (event) { 
    slide1 = $(this).val(); 
    alert(slide1); 
}); 

//below code works 
$(document).on('change', function(){ 
    slider1 = $('input#p1slider1').val(); 
    console.log(slider1); 
}); 


}); 
</script> 

它在干什么我可以在函数2使用滑件的正确方法是什么?

+0

你不应该使用''。就绪JQM中的()。 – Omar

+0

@Omar我不应该使用.ready()?我想做一些数据库操作,我怎么能做到这一点,你可以链接到我的好例子。 – teekib

+0

@Omar点击一个按钮,我需要收集所有滑块值到数据库中,请你告诉适当的流量。 – teekib

回答

1

在try 1中,下面的代码适用于我。

var slider1 = $('input#p1slider1').val(); 
    alert(slider1); 

所以当你需要这个值时就调用它。

演示1 here

在尝试2,使用的代码($(这)是指$( “#输入p1slider1”)):

$("input#p1slider1").on("change", function (event) { 
    var value = $(this).val(); 
    alert(value); 
}); 

演示2 here

+0

@Carsong它不能在移动设备上工作我必须在pagecreate上做这个 – teekib

+0

@teekib把它放在$( document).ready()'。例如 '$(document)。准备好(函数(){ someFunction(); anotherFunction(); });' –

+0

您好最后一个问题,我想把这个值放入数据库,当我点击提交按钮,然后我如何得到这个值? – teekib

0

试试这个

$(document).on('change', '#p1slider1', function(){ 
    console.log($(this).val()); 
}); 

工作实例http://jsbin.com/xakifequ/6/edit

+0

嗨你代码的作品,但我怎么能将这个存储在一个变量中,我也有一个页面中的5个滑块..你可以让我知道吗? – teekib

1
$(document).ready(function() { 
    Var value = $('plslider1').val(); 
    Test(value); 
    // transfer the value to the function 
}); 
Function Test(value) { 
    Alert(value); 
    // alerts the value from the slider 
}