Используйте значение nouislider в поле ввода для использования в форме - PullRequest
Новая
       10

Используйте значение nouislider в поле ввода для использования в форме

0 голосов
/ 04 февраля 2019

Я создаю форму и хочу, чтобы пользователи могли выбрать значение.Мне нужна помощь с получением значения из ползунка и установки его на вход, к которому должен обращаться контроллер. 

<div class="row" style="padding-bottom: 10px;">    
    <div class="col-lg-6" style="width: 100%;">
         <p class="font-bold">Slider 1</p>
         <div id="slider1"></div>
         <input type="hidden" name="slider1Input" value="" id="slider1Input" />
    </div>  
</div>
<div class="row" style="padding-bottom: 10px;">
     <div class="col-lg-6" style="width: 100%;">
        <p class="font-bold">Slider 2</p>
       <div id="slider2"></div>
       <input id="slider2Input" type="hidden" value="">
    </div>
 </div>

Javascript 

var slider1 = noUiSlider.create($("#slider1")[0], {
  start: 0,
  behaviour: 'tap',
  connect: 'lower',
  step: 10,
  tooltips: false,
  range: {
      'min':  0,
      'max':  100
    }
});

var slider2 = noUiSlider.create($("#slider2")[0], {
  start: 0,
  behaviour: 'tap',
  connect: 'lower',
  step: 10,
  tooltips: false,
  range: {
    'min':  0,
    'max':  100
  }
});
...