Не удалось сбросить слайдер html5
После долгих попыток прошу помощи. у меня есть этот слайдер
<input autocomplete = "off" type = "range" min = "0" max = "100" value = "50" class = "myslider" id = "mysliderID-slider" data-fieldid = "something">
<input type = "text" class = "mysliderinput" name = "myname" id = "mysliderID" value = "0">
Теперь я хочу сбросить этот ползунок с помощью этого кода
$('#mysliderID').val(0);
$('#mysliderID').attr('value',0);
$('#mysliderID-slider').val(0);
$('#mysliderID-slider').attr('value',0);
Поле значения в исходниках будет сброшено на 0, но сам ползунок в старом положении и в поле ввода я уже вижу старое значение.
Чем это вызвано или что я делаю не так?
большое спасибо
Ответы 2
Строка $('#mysliderID').attr(0); вызовет ошибку:
TypeError: name.toLowerCase is not a function
См. http://api.jquery.com/attr/ о том, как использовать .attr().
Рабочий пример:
http://jsfiddle.net/5mhywjva/1/
$('#button').on('click', function() {
$('#mysliderID').val(0);
$('#mysliderID-slider').val(0);
});
<input autocomplete = "off" type = "range" min = "0" max = "100" value = "50" class = "myslider" id = "mysliderID-slider" data-fieldid = "something">
<input type = "text" class = "mysliderinput" name = "myname" id = "mysliderID" value = "10">
<button id = "button">
Reset
</button>
@RainerS Что ж, в вопросе все еще что-то упущено, потому что, как вы видите, он отлично работает: jsfiddle.net/f98ubq51 Если можете, попробуйте создать пример jsfiddle, демонстрирующий проблему.
может это так. Теперь ползунок сбрасывается, правильно, но отображаемое значение поля ввода не обновляется. Значение = "1234" корректно обновляется, что может быть причиной?
Я не знаю. К сожалению, вы не делитесь с нами своим текущим кодом, и я не люблю гадать :(. Я могу просто продолжать ссылаться на свой jsfiddle, где все работает отлично.
вы можете использовать событие onchange на ползунке, чтобы обновить значение текстового поля <input autocomplete = "off" type = "range" min = "0" max = "100" value = "50" class = "myslider" id = "mysliderID-slider" data-fieldid = "something" onchange = "update()">
function update() {
$('#mysliderID').attr('value',$('#mysliderID-slider').val());
}
извините, ошибка при вводе, я обновил код как есть. Пожалуйста, посмотрите. То, как вы пишете, у меня не работает - я уже пробовал. я этого не понимаю...