Not quite positive what you're trying to achieve, but taking a look at the code samples from the jQuery-UI website for the [slider control][1].  

Here's an example from the docs:

### Javascript

```js
$(function() {
  $( "#slider-range-min" ).slider({
    range: "min",
    value: 37,
    min: 20,  //valueA
    max: 50,  //valueB
    slide: function( event, ui ) {
      $( "#amount" ).val( "$" + ui.value );
    }
  });
  $( "#amount" ).val( "$" + $( "#slider-range-min" ).slider( "value" ) );
});
```



### HTML

```html
<label for="amount">Maximum price:</label>
<input type="text" id="amount" />
<div id="slider-range-min"></div>
```

### Working demo in Stack Snippets & [jsFiddle][2]





    $(function () {
      $("#slider-range-min").slider({
        range: "min",
        value: 37,
        min: 30,
        max: 50,
        slide: function (event, ui) {
          $("#amount").val("$" + ui.value);
        }
      });
      $("#amount").val("$" + $("#slider-range-min").slider("value"));
    });



    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" rel="stylesheet"/>



    <label for="amount">Maximum price:</label>
    <input type="text" id="amount" />
    <div id="slider-range-min"></div>



[1]: http://jqueryui.com/slider/#rangemin
[2]: https://jsfiddle.net/KyleMit/EHLQL/

I'm using jquery - Filamentgroup slider. I want to limit the slider movement.

**Javascript**

    $('select#valueA, select#valueB').selectToUISlider({
				sliderOptions: {
						change:function(e, ui) {
							return false;
							
						}
				},
				labels: 12
			});

**HTML**

    <fieldset>
			<label for="valueA">From:</label>
			<select name="valueA" id="valueA">
				<option value="6am">6:00</option>
				<option value="7am">7:00</option>
				<option value="8am">8:00</option>
				<option value="9am" selected="selected">9:00</option>
				<option value="10am">10:00</option>
				<option value="11am">11:00</option>
				<option value="Noon">Noon</option>
				<option value="1pm">1:00</option>
				<option value="2pm">2:00</option>
				<option value="3pm">3:00</option>
				<option value="4pm">4:00</option>
				<option value="5pm">5:00</option>
				<option value="6pm">6:00</option>
				<option value="7pm">7:00</option>
				<option value="8pm">8:00</option>
				<option value="9pm">9:00</option>
				<option value="10pm">10:00</option>
				<option value="11pm">11:00</option>
				<option value="12pm">12:00</option>
			</select>
	
			<label for="valueB">To:</label>
			<select name="valueB" id="valueB">
				<option value="6am">6:00</option>
				<option value="7am">7:00</option>
				<option value="8am">8:00</option>
				<option value="9am">9:00</option>
				<option value="10am">10:00</option>
				<option value="11am">11:00</option>
				<option value="Noon">Noon</option>
				<option value="1pm">1:00</option>
				<option value="2pm">2:00</option>
				<option value="3pm">3:00</option>
				<option value="4pm">4:00</option>
				<option value="5pm">5:00</option>
				<option value="6pm">6:00</option>
				<option value="7pm">7:00</option>
				<option value="8pm">8:00</option>
				<option value="9pm" selected="selected">9:00</option>
				<option value="10pm">10:00</option>
				<option value="11pm">11:00</option>
				<option value="12pm">12:00</option>
			</select>
		</fieldset>

How can i control slider movement. That means if anyone move the slider some position, i need to pragmatically move the slider to particular position.

How can i do that? 


How to set min and max value in jquery slider?

Just use `.slider('getValue')` like this:





    $("#pricelimit").slider('getValue');

Which should return  <code>[*min*, *max*]</code>
    
If you need to access the values on the server in PHP or SQL, just makes sure the input element is posting back to the server.  Then get the value of the input element and use it however you'd like.

For example:



    $("#pricelimit").val();

Should return  <code>"*min*, *max*"</code>

### Demo in Stack Snippets





    $(function() {

      $("#pricelimit")
      .slider({})
      .on('slide', function() {
        $('#output').html(this.value);
      }).trigger('slide');

    });



    <link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/css/bootstrap.css" rel="stylesheet"/>
    <link href="//seiyria.github.io/bootstrap-slider/stylesheets/bootstrap-slider.css" rel="stylesheet"/>

    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/js/bootstrap.js"></script>
    <script src="//seiyria.github.io/bootstrap-slider/javascripts/bootstrap-slider.js"></script>

    <div class='priceslider'>
      <p>Range selector, options specified via data attribute.</p>
      <div class="well">
        Filter by 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>
    <p>
     <b>Min/Max</b>: <span id="output"></span>
    </p>

I'm using a price slider in my site to select products between a certain price range, but I'm not really sure how to do this. I am using the price range slider from http://www.eyecon.ro/bootstrap-slider/.



    <div class='priceslider'>
      <p>Range selector, options specified via data attribute.</p>
      <div class="well">
        Filter by 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 do I get the value(s) from this price range slider and how do I use them in a query to select products between those price values?