javascript - Price limit slider with Bootstrap -
i'm using price slider in site select products between price range, i'm not sure how this. using price range slider http://www.eyecon.ro/bootstrap-slider/.
<div class='priceslider'> <p>range selector, options specified via data attribute.</p> <div class="well"> filter price: <b>€ 10</b> <input id="pricelimit" type="text" class="span2" value="" data-slider-min="10" data-slider-max="200" data-slider-step="5" data-slider-value="[20,100]"/> <b>€200</b> </div> </div> $(document).ready(function() { $("#pricelimit").slider({}); }); how value(s) price range slider , how use them in query select products between price values?
this should output value of slider when slider slid.
<script type='text/javascript'> $('#pricelimit').slider() .on('slide', function(ev){ alert($("#pricelimit").slider('getvalue')); }); </script>
Comments
Post a Comment