实施价格范围滑块&读取jQuery中的最小值,最大值

时间:2012-03-31 06:12:16

标签: php jquery

  1. 我不能拿min&滑块滑动时的最大值。
  2. 如何获取打印值?
  3. 是否有任何语法可以获得min&最大值?
  4. 我有以下代码:

    <link rel="stylesheet" href="<?=base_url()?>javascripts/slider/jquery.ui.all.css">
    <script src="<?=base_url()?>javascripts/slider/jquery-1.7.1.js"></script>
    <script src="<?=base_url()?>javascripts/slider/jquery.ui.widget.js"></script>
    <script src="<?=base_url()?>javascripts/slider/jquery.ui.mouse.js"></script>
    <script src="<?=base_url()?>javascripts/slider/jquery.ui.slider.js"></script>
    <form name="formList" id="formList" method="POST" action="<?php echo site_url();?>/hotels/search" enctype="multipart/form-data">
    <script>
        $(function() {
            $( "#slider-range" ).slider({
                range: true,
                min: 0,
                max: 1000,
                values: [ 100, 1000 ],
                slide: function( event, ui ) {
                    $( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
                }
            });
            $( "#amount" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) +
                " - $" + $( "#slider-range" ).slider( "values", 1 ) );
    
                /*$( "#minValue" ).val( ui.values[ 0 ] );
                $( "#maxValue" ).val( ui.values[ 1 ] );*/
    
         var minValue = 1000 * $("#slider-range").slider("values", 0);
         var maxValue = 1000 * $("#slider-range").slider("values", 1);
    
            <?php echo $minValue;?> 
    
        });
        </script>
        <div class="left" id="leftSlider">
            <label for="amount">Price range:</label>
            <input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" />
            <!-- <div id="range">Price Range <span id="amount"></span></div>
            <div id="slider"></div>-->
            <div id="slider-range">
        </div>
    

1 个答案:

答案 0 :(得分:0)

你是在javascript中创建变量并通过php调用它是不可能的,你需要使用

document.getElementById("myDiv").innertHTML = minValue+maxValue
<div id="leftSlider"></div> <!-- display result here -->