Materialise的CSS-输入范围值弹出

我想知道如何有范围的值，显示滚动的范围内输入时Materialise的CSS-输入范围值弹出

<form action="#"> 
    <h5>The Temperature</h5> 
    <!--the temperature--> 
    <p class="range-field"> 
    <input type="range" id="temp" min="0" max="100" /> 
    </p> 
</form>

来源

2015-12-10 Tevin Thuku

嗨，欢迎来到SO。你真的缺乏一个完整的问题在这里，看看：http://stackoverflow.com/help/how-to-ask .. Ther材料的UI也有这方面的文档，所以请告诉我们你已经尝试.. http://materializecss.com/ – Pogrindis

这是一个重复..你自己的问题http://stackoverflow.com/questions/34195967/materialize-css-input-range – Pogrindis

我已经尝试了我上面写的和范围工作，但不是弹出的值，我不使用MATERIAL UI。我刚刚得到答案。在下面检查。 –

请尝试使用input.value 这应该让当前输入元素值。

<input type="range" min="5" max="10" step="1" oninput="showVal(this.value)" onchange="showVal(this.value)">

来源

2015-12-10 11:50:48

滑动范围时，我想要的值应该出现在标记上 –

我一直在玩弄周围，这似乎没有问题

<p class="range-field"> 
    <input type="range" id="test5" min="0" max="200" name="weight"/> 
     <span class="thumb" style="left: 290.281px; height: 0px; width: 0px; top: 10px; margin-left: -6px;"><span class="value">100</span></span> 
    </p>

而且范围的输入值的工作是由这样

var weight = $('input[name=weight]').val();

发现我的跨度查看开发工具后的元素。感谢大家的帮助。

来源

2015-12-10 16:20:06

Materialise的CSS-输入范围值弹出

回答

相关问题