2012-03-28 15 views
0

range sliderについて、次のJQuery関数があります。それはうまく動作しています。範囲スライダに値を渡す必要がある実行時のJquery関数

<script type="text/javascript"> 
    jQuery(function() {   

     jQuery("#slider-range").slider({ 
      range: true,    
      min: 55, 
      max: 50000, 
      values: [55, 50000], 
      slide: function(event, ui) { 
       jQuery("#minValue").val(ui.values[0]); 
       jQuery("#maxValue").val(ui.values[1]); 
      } 
     }); 
     jQuery("#minValue").val(jQuery("#slider-range").slider("values", 0)); 
     jQuery("#maxValue").val(jQuery("#slider-range").slider("values", 1)); 
}); 
</script> 

は今、私はスライダーの範囲を示してMySQLデータベースから実行時に動的に関数内maxminの値を渡す必要があります。

次のような隠しフィールドを使用してこれらの値を設定しようとしました。

<script type="text/javascript"> 
    jQuery(function() {   

    var mini=document.getElementById("hid_min_price").value; 
    var maxi=document.getElementById("hid_max_price").value; 

     jQuery("#slider-range").slider({ 
      range: true,    
      min: mini, 
      max: maxi, 
      values: [mini, maxi], 
      slide: function(event, ui) { 
       jQuery("#minValue").val(ui.values[0]); 
       jQuery("#maxValue").val(ui.values[1]); 
      } 
     }); 
     jQuery("#minValue").val(jQuery("#slider-range").slider("values", 0)); 
     jQuery("#maxValue").val(jQuery("#slider-range").slider("values", 1)); 
}); 
</script> 

しかし、動作しません。実行時にmaxminの値を動的に設定する方法はありますか?

+0

「min:<?php echo $ row ['min'];?> 'のようなことはありますか? – j08691

答えて

1

データベースからmin max値を取得して、それらをタグ内のjavascript変数に割り当てることができます。 ...

echo ' 
<script type="text/javascript"> 
    jQuery(function() {   

     var mini='.$min.'; 
     var maxi='.$max.'; 

     jQuery("#slider-range").slider({ 
      range: true,    
      min: mini, 
      max: maxi, 
      values: [mini, maxi], 
      slide: function(event, ui) { 
       jQuery("#minValue").val(ui.values[0]); 
       jQuery("#maxValue").val(ui.values[1]); 
      } 
     }); 
     jQuery("#minValue").val(jQuery("#slider-range").slider("values", 0)); 
     jQuery("#maxValue").val(jQuery("#slider-range").slider("values", 1)); 
}); 
</script>'; 

...

$ minと$ maxのcontianデータからの:

あなたは、コードはそのようになりますPHPを使用していると仮定しましょうDB。

+0

私はあなたが言うように正確に試しましたが、残念ながらそれはまだ動作していません。私は '<?php echo $ min; ?> 'と' <?php echo $ max; ?> 'しかし、役に立たない。 – Bhavesh

+0

私は 'var mini'と' var maxi'の値が正しく設定されていることを確認しましたが、min:miniとmax:maxiの文では使用できません。なぜそれが起こるのかわからない。 – Bhavesh

+0

あなたは絶対に正しいです。私は脚本を見落としていた。どうもありがとうございます。 – Bhavesh

関連する問題