插入滾動條的值到輸入字段

Question

我有這個腳本，靈感來自於codrops滑塊分頁概念http://tympanus.net/codrops/2012/12/21/slider-pagination-concept/ 我想將滑塊獲得的值放入輸入字段值（ie）而不是div ＃預習。 我該怎麼辦？ 感謝

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); 
      } 
     }); 
    });