HTML输入范围无法获得当前值

时间:2014-05-30 10:31:29

标签: javascript jquery html input range

我使用jQuery获取当前范围值。 出于某种原因,我只设法获得默认值而不是用户选择。

这个ID是HTML:

<input id="hotel-range-min" type="range" min="0" max="200" value="20" />

这就是我试图获取当前值的方式:

 alert($("#hotel-range-min").attr('value'));

无论用户是否更改了值,警报始终为20,并且它必须是当前值。

我添加了一个JSfiddle(我试图从范围字段中获取最小值,现在按下按钮时会发出警报):

http://jsfiddle.net/natalipolishuk/fsKh8/2/

2 个答案:

答案 0 :(得分:1)

尝试

alert($("#hotel-range-min").val());

干杯

答案 1 :(得分:0)

您也可以尝试

alert($("#hotel-range-min").prop('value'));

但是,如果您要获取值,则建议您使用.val()方法。

您可以在此link上看到val()attr()之间的差异,以及.prop().attr() here