Javascript 无法在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>

Try2

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

他们都没有为我工作，不知道我哪里做错了

另外，由于我在每个页面上有五个滑块和一个提交按钮，我想在单击提交按钮时将所有滑块的值发送到数据库中，实现它的最佳方法是什么？ 任何有关这方面的信息都将不胜感激

编辑

 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>

var-slide1；
$（文档）.ready（函数（）{
$（“#自定义li”）。单击（插入记录P1）；
$（“#p1next”）。单击（insertRecordp2）；//当按钮单击时注册事件侦听器。
函数insertRecordp1（tx）//从输入中获取值并插入记录。单击保存/提交按钮时调用函数。。
{
var orgname=$（'input:text[id=name]'）。val（）；
警报（orgname）；
}    
函数insertRecordp2（tx）//从输入中获取值并插入记录。单击保存/提交按钮时调用函数。。
{
} 
//下面的代码不工作-->您的代码
$（“输入#p1slider1”）。在（“更改”，函数（事件）{
slide1=$（this.val（）；
警报（幻灯片1）；
});
//下面的代码有效
$（文档）.on（'change'，function（）{
slider1=$（'input#p1slider1'）.val（）；
控制台日志（slider1）；
});
}); 

---

这是正确的做法吗？我可以在函数2中使用幻灯片1吗？

在尝试1中，下面的代码对我有效

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

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

演示1

在try 2中，使用代码（$（this）表示$（“input#p1slider1”）：

演示2.

试试这个

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

---

工作示例

@Carsong它不在手机上工作我必须在手机上执行此操作吗pagecreate@teekib将其放入

$（document）.ready（）

。例如，

$（document）.ready（function（）{someFunction（）；anotherFunction（）；}）您好，最后一个问题，我想在单击“提交”按钮时将该值放入数据库，然后如何获取该值？@teekib我假设您需要一个“提交”按钮，当用户单击该按钮时，获取滑块值并使用您自己的方法保存它<代码>$（“#btn”）。单击（函数（）{var value=$（“输入#p1slider1”）.val（）；保存（值）；//您的保存方法}）我在回答您的问题吗？如果您在单击按钮时只需要滑块值，
函数insertRecordp2（tx）//从输入中获取值并插入记录。单击“保存/提交”按钮时调用函数。。{var sliderValue=$（'input#p1slider1'）.val（）；alert（sliderValue）；}
您好，您的代码可以工作，但是我如何将其存储在变量中？我在一个页面中有5个滑块。您能告诉我吗？您不应该在jQM中使用
.ready（）
。@Omar我不应该使用.ready（）？？我想做一些数据库操作我该怎么做，你能链接到我的好例子吗？@Omar单击一个按钮，我需要将所有滑块值收集到数据库中，你能告诉我正确的流程吗？@Omar hi..你的意思是说所有数据收集操作都应该在$（文档）中完成。在（“pagecreate”，function（）方法中？
  var slider1 = $('input#p1slider1').val();
  alert(slider1);

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

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

$(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
}