[英]Foundation 5 range-slider value
Hi everyone I'm new to stackoverflow.The problem is that I failed to 'extract' slider output from range slider in "p" tag.Here is my code: 大家好,我是stackoverflow的新手。问题是我无法从“ p”标签的范围滑块中“提取”滑块输出。这是我的代码:
HTML: HTML:
<div id="slider" class="range-slider" data-slider data-options="display_selector: #sliderOutput3;">
<span class="range-slider-handle"></span>
<span class="range-slider-active-segment"></span>
</div>
<span id="sliderOutput3"></span>
<p id="qj"></p>
JavaScript: JavaScript:
<script>
var element=document.getElementById('slider');
var val = element.getAttribute('data-slider');
document.getElementById("qj").innerHTML=parseInt(val);
</script>
That fixed my problem: 那解决了我的问题:
Jquery variant: jQuery变体:
$('[data-slider]').on('change.fndtn.slider', function(){
var value = $(this).attr('data-slider');
$('#qj').html(value);
});
Pure Javascript: 纯Javascript:
document.getElementById("slider").onchange = function() {
var value = document.getElementById('slider').getAttribute('data-slider');
document.getElementById('qj').innerHTML=value;
};
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.