JQuery JavaScript Tutorial





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




Minimum number of bedrooms:





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