Как добавить value в инпутах у noUiSlider?

Question

[Genri_Rus]

Вот пример: https://codepen.io/Genri_Rus/pen/QWbgeXr

Все работает, но я никак не могу сохранить значение в value



Пытался так, но ничего не меняется:

rangeSlider.noUiSlider.on("update", function(values, handle) {
	rangeSliderMin.value = values[0];
	rangeSliderMax.value = values[1];
	rangeIn[handle].value = values[handle];
});

Comments

[Just Me]

Для чего тебе это надо? Value в инпутах и так меняются и ты их оттуда забираешь через values[0] и values[1]

[Genri_Rus]

Just Me, а почему тогда в верстке в инпутах value нет ?
Я так понял это баг у noUiSlider ?

[Just Me]

Genri_Rus,

А почему он там должен быть? Он будет в разметке, если ты его в вёрстке пропишешь. Тут он добавляется плагином через javascript

В таких плагинах багов не бывает. По крайней мере, не в таких простых операциях

[Genri_Rus]

Just Me, я пытаюсь добавить value ползунков в инпуты в вёрстки

В скриншоте value пустые

Answer 1

[Александр Черемхин]

Не очень понятно зачем вам это надо, но если очень хочется то можно
$(‘#id’).attr(‘value’, ‘3356’);

Comments

[Genri_Rus]

В скриншоте value пустые
Мне нужно в value добавить значения минимального и максимального значения, которые в ползунках

И чтобы при изменении ползунка, в value эти значения также менялись

[Александр Черемхин]

Сверху же код для изменения атрибутов. Что еще то надо ? Берите и изменяйте.

[Genri_Rus]

Александр Черемхин,
https://codepen.io/Genri_Rus/pen/QWbgeXr

rangeSliderMin.value = values[0];
rangeSliderMax.value = values[1];

Value все равно пустые

[Александр Черемхин]

Вы вообще программист?

....
rangeSliderMin.value = values[0];
$(rangeSliderMin).attr('value' ,values[0]); // запись значение в атрибут. зачем вам все это ?
....

P.S.
Вам в комментах пишут что вам этого не надо. И действительно зачем вам это надо значения в атрибуте?

[Genri_Rus]

Александр Черемхин, я просто на нативном хотел сделать (не мог понять как) и вот упрощенная запись:

rangeIn[handle].setAttribute("value", values[handle]);

И действительно зачем вам это надо значения в атрибуте?

Мне нужно получить value ползунков для хранения в куках

[Genri_Rus]

Александр Черемхин, вообщем немного странно, но value можно и не прописывать

document.querySelector('.range-price').noUiSlider.on('change', function() {
     let minPrice = document.querySelector('.min-price').value,
     maxPrice = document.querySelector('.max-price').value
});

Не смотря на то, что value пустые, я все равно их получаю

[Александр Черемхин]

Genri_Rus, об это вам все говорят - атрибуты и свойства это разные вещи. Вам не нужны атрибуты вы в js обычно работаете со свойствами. Почитайте про js и html что нибудь, в сети куча материала. С таким багажом знаний писать программы не реально...

[Genri_Rus]

Александр Черемхин, эта особенность плагина noUiSlider

Он почему-то не отображает value в инпутах, у того же slider jquery ui такой проблемы нет: https://atuin.ru/blog/polzunok-diapazonov-jquery-u...