Jquery JavaScript DHTML





  jQuery UI Slider - Range with fixed minimum
  
  
  
  
  
  
    #demo-frame > div.demo { padding: 10px !important; };
  
  
  $(function() {
    $("#slider-range-min").slider({
      range: "min",
      value: 37,
      min: 1,
      max: 700,
      slide: function(event, ui) {
        $("#amount").val('$' + ui.value);
      }
    });
    $("#amount").val('$' + $("#slider-range-min").slider("value"));
  });
  




Maximum price:





Fix the minimum value of the range slider so that the user can only select a maximum.  Set the range option to "min."