首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >基础5范围滑块值

基础5范围滑块值
EN

Stack Overflow用户
提问于 2015-07-08 09:39:58
回答 1查看 523关注 0票数 0

大家好,我对stackoverflow.The问题很陌生,因为我没有从范围滑块中“提取”滑块输出,"p“tag.Here是我的代码:

HTML:

代码语言:javascript
运行
复制
  <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>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-07-15 12:34:45

解决了我的问题:

Jquery变体:

代码语言:javascript
运行
复制
  $('[data-slider]').on('change.fndtn.slider', function(){
         var value = $(this).attr('data-slider');
        $('#qj').html(value);

    });

纯Javascript:

代码语言:javascript
运行
复制
   document.getElementById("slider").onchange = function() {
   var value = document.getElementById('slider').getAttribute('data-slider');
     document.getElementById('qj').innerHTML=value;
   };
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/31288882

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档