Как отправить значения nouislider?

Question

[del993788]

Здравствуйте. Уже около двух месяцев пытаюсь собрать форму обратной связи и так получилось, что я удалил js и php файлы... Да, такое тоже бывает). Попытался собрать обратно, но теперь, по какой то причине, не приходят значения nouislider... Вот чувствую, что есть где то ошибка, а найти не могу... Помогите разобраться. Смотрите:
1. Сам слайдер, а так же минимальное и максимальное значение.

<div id="slider-snap"></div>
<span id="lower"></span>
<span id="upper"></span>

Как он значения через span передавал убей, не помню. Но через то что это был span, я уверен. html я не удалял)
2. js строки слайдера взял на сайте nouislider. Тут вроде ничего необычного нет...

var snapSlider = document.getElementById('slider-snap');

noUiSlider.create(snapSlider, {
   start: [ 0, 50 ],
   snap: true,
   connect: true,
   range: {
      'min': 0,
      'max': 100
   }
});

var snapValues = [
   document.getElementById('lower'),
   document.getElementById('upper')
];

snapSlider.noUiSlider.on('update', function( values, handle ) {
   snapValues[handle].innerHTML = values[handle];
});

Как я его отправлял - не помню. Вылетело из головы. Помню только то, что это было очень легко. Там не было костылей.

P.S. Помню только последние три буквы))))

Answer 1

[Талга УтБ]

добавьте инпут (скрытый например) и добавляйте значение туда из вашего ползунка :)

Comments

[del993788]

Я знаю про этот способ, но у меня не так было... Без обид) Мне кажется, у меня было проще и правильней... В html нет input hidden... Там каким то образом через js всё работало...Походу у меня амнезия...

[Талга УтБ]

qqignatqq: то есть предлагаешь мне включить вангу и угадать какой спобоб был у тебя?!))

[del993788]

Я не думаю, что вариантов миллион) Можешь назвать вариант через js?

Answer 2

[matperez]

Какие именно значения вы хотите передавать и куда? В событии обработчике события update вы можете получить текущее значение ползунка, а что с ним дальше делать из вашего примера и вопроса совершенно не понятно.

Comments

[del993788]

Нужно текущее значение ползунков отправить на почту. Если я отправляю $_POST['lower']; то приходит пустое сообщение.

[matperez]

qqignatqq: а откуда должно по вашему появиться значение lower в массиве $_POST? вы можете его отправить, если создадите input с именем lower, запишите туда значение ползунка и засабмитите форму, или же вы можете отправить его напрямую через $.post(url, {lower: <значение>}). Вы какой способ используете?

[del993788]

php файла тоже нет. А как второй вариант работает, если "значение" - есть переменная?

[matperez]

qqignatqq: если эта "переменная" - это переменная js, то можно прямо вместо надписи "<значение>" ее подставлять. Если php файла нет, куда вы отправляете данные? Что у вас на бекенде?

[del993788]

PHP был, и я отправлял переменную через id, но где я брал этот id я не знаю. Скорее всего id в html и в php были разные, следовательно он где то обрабатывался. Это точно не hidden , потому что для одной переменной hidden нужно 4 строки, а у меня 6 переменных. Я бы запомнил этот костыль. Вы сказали, что вместо надписи '<значение>' можно подставить переменную, а как эту переменную назвать? Мой слайдер состоит из двух переменных ползунков. Переменная - это число. Если честно, я так и не догнал, что нужно указать в строку <значение>

[matperez]

qqignatqq:
1. Скрытый input, в который вы кладете значение - это не костыль, это стандартное решение.
2. Переменная и значение - понятия взаимозаменимые. Может подставить значение напрямую, а можете через переменную, в которой записано нужное значение.
3. Не важно, что там было раньше, можете сделать все заново. Различия в реализации не стоят мучений по подбору "оптимального варианта".
Без обид, но это довольно очевидные вещи даже для начинающих программистов. Если вам действительно это непонятно, наймите человека на фрилансе, который вам все починит, либо попробуйте получить изначальные знания относительно языка и задавайте уже более осмысленные вопросы. Вот тут например можно пройти курс по js https://learn.javascript.ru/