slider组件可以用原生js获取数值吗

提问 已结 5 155
我也是新手
悬赏:20飞吻
版本:layui 浏览器:谷歌
slider组件可以用原生js获取数值吗?
document.querySelector
在选择输入框为真时, 可以通过输入框里面的值进行获取
,input: true
但是没有输入框时, 就不能正确获取数值了, 因为滑块是range = true 那应该怎么获取数据???

因为这个页面是一个iframe..我想在父页面获取这个数据 正确的姿势应该是什么?



回帖
  • IDyun
    2020-2-14
      var mysd = slider.render({
    elem: '#slideTest13'
    ,value: 50
    ,range: true //范围选择
    ,type: 'vertical' //垂直滑块
    });
    console.log(mysd.config.value)
     var myVals;
    slider.render({
    elem: '#slideTest13'
    ,value: 50
    ,range: true //范围选择
    ,type: 'vertical' //垂直滑块
    ,change: function(vals){
    myVals= vals;
    }
    });
    console.log(myVals)
    0 回复
  • IDyun
    2020-2-14

      slider.render({
    elem: '#slideTest13'
    ,value: 50
    ,range: true //范围选择
    ,type: 'vertical' //垂直滑块
    });
    document.getElementById('iframeId').contentWindow.document.querySelector("#slideTest13 .layui-slider-tips").innerText;
    0 回复
  • @IDyun 您好, 这个方法我试过, 只能是滑块只有一个拖动块时有效, range时是无效的

    只有当鼠标移动到 min 拖动块, 用如上方法, 显示min
    只有当鼠标移动到 max 拖动块, 用如上方法, 显示max
    不能同时获取min和max
    0 回复
  • 哥哥 有解吗?
    0 回复
  • @IDyun 好吧 哥哥 那就用中间变量进行传递吧, 触发change事件时记录, 或者干脆将两个滑块的按钮进行click一下 拿到min和max的文本值
    0 回复