Получение текста из div и передача в input
Как реализовать такую идею. Допустим у нас есть ползунок, который имеет диапазон от 0 до 1000. И два ползунка которые имеют значения 100 и 900, как данные значения передать в <input value="100 - 900">. Сделать итог в районе такого, но также когда пользователь двигает ползунок к примеру до 300 - 900 в input также меняется, без перезагрузки. Мне интересен функционал jQuery/Javascript. Для ползунка я использовал Ui slider. Я сомневаюсь что тут он заработает. Мне важен js код, визуально ползунок готов. Значения ползунка находятся в <div>. Для простоты объяснения можно создать два div и два input. Буду очень благодарен тому кто поможет. К сожалению у меня не получилось реализовать.
https://refreshless.com/nouislider/examples/ (Only showing tooltips when sliding handles)
Ответы (1 шт):
У ваших ползунков точно есть класс или даже id какой уникальный должен быть для каждой стороны ранжирования.
Как вариант вот
$('#ВАШ_ID_Min_range').on('change', function() {
alert( "Изменилось!" );
});
Подставте свои id или класс так чтоб нигде не повторялись на сайте и были только там.
Вместо алерта можете написать туда куда хотите вставить.
$('#address').on('change', function() {
$('#input-relult').val($('#address').text());
});