2015-11-05 3 views
1

Я использовал слайдер диапазона цен jQuery. Я хочу отфильтровать результат с помощью ползунка jquery price range на той же странице. Но этот слайдер диапазона jQuery не работает или переменная этого значения не размещена на той же странице. Я попытался следующий код,Диапазон цен Slider в jQuery и PHP с MySQL

<?php 
     if(isset($_POST['amount1'])) 
     { 
      echo $_SESSION['amount1'] = $_POST['amount1']; 
     } 
     if(isset($_POST['amount2'])) 
     { 
      echo $_SESSION['amount2'] = $_POST['amount2']; 
     } 
     if(isset($_POST['submit_range'])) 
     { 
      $sql = mysql_query("select * from hall_search_data_1 where rent BETWEEN '".$_SESSION['amount1']."' AND '".$_SESSION['amount2']."'"); 
      $res = mysql_query($sql)or die(mysql_error()); 
     }  
    ?> 
$(function() { 
    $("#slider-range").slider({ 
     range: true, 
     min: 0, 
     max: 50000, 
     values: [ 100, 1000 ], 
     slide: function(event, ui) { 
     $("#amount").html("$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ]); 
     $("#amount1").val(ui.values[ 0 ]); 
     $("#amount2").val(ui.values[ 1 ]); 
     } 
    }); 
    $("#amount").html("$" + $("#slider-range").slider("values", 0) + 
    " - $" + $("#slider-range").slider("values", 1)); 
    }); 
<div class="slider"> 
    <div id="slider-range"></div> 

    <form method="get"> 
    <input type="hidden" id="amount1"> 
    <input type="hidden" id="amount2"> 
    <input type="submit" name="submit_range" value="Submit"> 
    </form> 
</div> 

<!--here php code ----> 

if(isset($_POST['amount1'])) 
{ 
echo $_SESSION['amount1'] = $_POST['amount1']; 
} 

if(isset($_POST['amount2'])) 
{ 
echo $_SESSION['amount2'] = $_POST['amount2']; 
} 

if(isset($_POST['submit_range'])) 
{ 


          $sql = mysql_query("select * from hall_search_data_1 where rent BETWEEN '".$_SESSION['amount1']."' AND '".$_SESSION['amount2']."'"); 
          $res = mysql_query($sql)or die(mysql_error()); 
         } 

Так что, пожалуйста, помогите мне.

+0

http://jsfiddle.net/nkjqr/12/ – AkshayP

+0

Какова ваша конкретная ошибка? Кроме того, рассмотрите возможность использования новых функций 'mysqli_', поскольку старые устарели. – Jan

+0

@Jan Когда я использовал метод post в форме, то, указав эту ошибку, Undefined index: amount1, amount2 – Dnyan

ответ

1
<div class="slider"> 
    <div id="slider-range"></div> 

    <form method="get"> 
    <input type="hidden" id="amount1"> 
    <input type="hidden" id="amount2"> 
    <input type="submit" name="submit_range" value="Submit"> 
    </form> 
</div> 

В вашей форме вы пропустили name атрибут, следовательно, вы получаете

Undefined индекс: количество1, количество2

выше ошибки.

Обновить код, как следовать

<form method="get"> 
    <input type="hidden" id="amount1" name="amount1"> 
    <input type="hidden" id="amount2" name="amount2"> 
    <input type="submit" name="submit_range" value="Submit"> 
</form> 
+0

поблагодарить его работу, но я хочу показать минимальное и максимальное выбранное значение на слайдере – Dnyan

+0

Для этого вы можете воспользоваться http://jsfiddle.net/nkjqr/12/ – AkshayP

+0

Если вы хотите отобразить выбранную цену после обновления страницы ... , вы можете временно сохранить это в сеансе. – AkshayP

Смежные вопросы