你好我面临艰难的时候把滑块值,我有一个显示五个滑块,我这样做如下得到的值无法在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使用滑件的正确方法是什么?
你不应该使用''。就绪JQM中的()。 – Omar
@Omar我不应该使用.ready()?我想做一些数据库操作,我怎么能做到这一点,你可以链接到我的好例子。 – teekib
@Omar点击一个按钮,我需要收集所有滑块值到数据库中,请你告诉适当的流量。 – teekib