2015-12-10 57 views
0

我想知道如何有範圍的值,顯示滾動的範圍內輸入時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> 
+0

嗨,歡迎來到SO。你真的缺乏一個完整的問題在這裏,看看:http://stackoverflow.com/help/how-to-ask .. Ther材料的UI也有這方面的文檔,所以請告訴我們你已經嘗試.. http://materializecss.com/ – Pogrindis

+0

這是一個重複..你自己的問題http://stackoverflow.com/questions/34195967/materialize-css-input-range – Pogrindis

+0

我已經嘗試了我上面寫的和範圍工作,但不是彈出的值,我不使用MATERIAL UI。我剛剛得到答案。在下面檢查。 –

回答

0

請嘗試使用input.value 這應該讓當前輸入元素值。

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

滑動範圍時,我想要的值應該出現在標記上 –

1

我一直在玩弄周圍,這似乎沒有問題

<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(); 

發現我的跨度查看開發工具後的元素。 感謝大家的幫助。