Задать вопрос
leon9208
@leon9208
Начинающий web-developer
javascript

Как подружить input(text/tel/number) с input(range) «rangeslider.js»?

Всем привет. Делаю простой калькулятор с ползунком (input=range) для изменения значений. Связал input=range с input=text, сейчас при изменении положении ползунка, меняется значение input=text.

А вот наоборот, сделать не получается, при вводе/удалении символов в input=text ползунок хаотично прыгает и не дает ввести своё значение.

Ссылка на CodePen
Ссылка на сайт где хочу применить

Событие использую on.('input')

Буду признателен за помощь, может у кого уже был опыт, может другой плагин использовать :)
  • Вопрос задан
  • 602 просмотра
3 комментария
Подписаться 1 Средний 3 комментария
Решения вопроса 1
@Absolute138
триггируйте ивент 'change' на $rangeslider
$amount.on('input', function() {
  if($(this).val() < 500000){
    // $(this).val(500000)
    $rangeslider.val(500000);
  }else if($(this).val() > 100000000){
    $rangeslider.val(100000000);
  }else{
    $rangeslider.val(this.value).change();    
  }
  $rangeslider.change();
});
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Дописать функцию на Flutter, работа с yandex map kit
20 апр. 2024, в 04:18
3000 руб./за проект
Английская версия для сайта на WordPress
20 апр. 2024, в 03:34
8000 руб./за проект
Доработать клиентское приложение для GTA 5 на C#
20 апр. 2024, в 00:51
1000 руб./за проект
Ещё заказы