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

将滚动条值插入输入字段

1 个答案: