2012-03-31 8 views
0
  1. スライダーがスライドしているときに、最小値&を取ることができません。
  2. 印刷の値を取得する方法は?
  3. 最小値を取得する構文はありますか&最大値はありますか?

私は次のコードを持って:あなたはJavaScriptであなたの変数を作成し、そのことはできませんPHPを介してコールされ価格帯スライダーを実装し、jQueryの最小、最大値を読み取る

<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> 
+0

を使用する必要がありますあなたがサーバーにPOSTしない限り、サーバー上のクライアント側変数...通常の場合でも、Ajaxを使用している場合もあります。 –

答えて

0

を、あなたはただ読むことができません

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

このスライダは、コントローラに値を渡す方法の一部です –

関連する問題