Вставьте значение полосы прокрутки в поле ввода

Question

У меня есть этот сценарий, вдохновленный концепцией разбиения на слайды codrops http://tympanus.net/codrops/2012/12/21/slider-pagination-concept/ Я хотел бы поместить значение, полученное с помощью ползунка, в значение поля ввода (т. Е.), А не в div #preview. Как я могу это сделать? Благодаря

KD

<div class="container"> 
      <div id="preview" type="text" class="preview">0</div> 

      <div id="slider" class="sp-slider-wrapper"> 
      </div> 

    </div><!-- /container --> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
    <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> 
    <script src="js/jquery.ui.touch-punch.min.js"></script> 
    <script src="js/jquery.pagination.js"></script> 
    <script> 
     $(function() { 
      var $update = $('#preview'); 
      $("#slider").pagination({ 
       total : 12, 
       onChange : function(value) { 
        $update.text(value); 
       } 
      }); 
     }); 
    </script> 

Answer 1

использование val()

$('#yourInputID').val(value); 

HTML

<div class="container"> 
     <div id="preview" type="text" class="preview">0</div> 
     <div id="slider" class="sp-slider-wrapper"></div> 
     <input id="test" value=""/> <--- input here 
</div> 

Jquery

$(function() { 
     var $update = $('#preview'); 
     $("#slider").pagination({ 
      total : 12, 
      onChange : function(value) { 
       $('#test').val(value); 
      } 
     }); 
    });