当有人选择范围时,如何显示输入范围的值?
<table>
<tr>
<td>Temp: </td>
<td>
<span>[RANGE VALUE HERE]<span>
<input type="range" value="75">
</td>
</tr>
</table>
当有人选择范围时,如何显示输入范围的值?
<table>
<tr>
<td>Temp: </td>
<td>
<span>[RANGE VALUE HERE]<span>
<input type="range" value="75">
</td>
</tr>
</table>
你可以使用这个jsFiddle DEMO
编辑颜色:
$('span').text($('[type=range]').val());
$('[type=range]').change(function () {
var myspan = $('span');
myspan.text(this.value);
if (this.value < 50) {
myspan.css('color', 'blue');
} else {
myspan.css('color', 'black');
}
});
试试这个(小提琴:http: //jsfiddle.net/3enxx/1/):
html:
<table>
<tr>
<td>Temp: </td>
<td>
<div id="vv">[RANGE VALUE HERE]</div>
<input id="rn" type="range" value="75" />
</td>
</tr>
</table>
js:
$("#rn").change(function(){
$("#vv").text(this.value);
})
jQuery(function () {
$('input[type="range"]').change(function () {
$(this).prev('span').text(this.value)
})
})
演示:小提琴