Добрый день. Сразу по сабжу:
Есть вариант решения, когда передвижение ползунка заставляет менять значения input.
Я использую след.код:
$( "#slider1" ).slider({
range: "max",
min: 100000,
max: 10000000,
value: 200000,
step: 100000,
slide: function( event, ui ) {
$( "#amount" ).val( commaInt(ui.value) );
}
});
function changeble() {
var amountGet = $('#amount').val();
$( "#slider1" ).slider("value", amountGet);
}
$( "#amount" ).change(function() {
var amountGet = $(this).val();
$( "#slider1" ).slider("value", amountGet);
});
function setInputsFromSlider() {
$( "#amount" ).val( commaInt($( "#slider1" ).slider("value")));
}
setInputsFromSlider();
/* RAZRYADY */
function commaInt(val) {
return String(val).split("").reverse().join("")
.replace(/(.{3}\B)/g, "$1 ")
.split("").reverse().join("");
}
С этим ясно.
Есть калькулятор с ползунками (jQuery UI Slider) на сайте.
При перетаскивании ползунка - текст в связанном input type="text" (числовое значение) меняется.
Как сделать так,
чтобы при изменении значения в input ползунок перебегал на это число?
#amount - текстовый input
#slider1 - соответственно слайдер
commaInt - функция разрядов числа (пример: 1000000 --> 1 000 000)
Хоть убейте, при изменении значения input - ползунок стоит на месте.
Можете помочь?