Question

I’m still learning my way around jQuery but I think this may be pretty simple:

I have 2 dropdown boxes with name and id of: topnumber, bottomnumber

Both lists contain the numbers 1-5.

What I’d like to do is use jQuery to disable or remove from bottomnumber any number GREATER than what they picked in top number (equal is OK). For example if they pick 3 in topnumber then 4 and 5 would be removed or disabled from the bottomnumber list.

Any help is appreciated. Thanks!
Chris

Answer 1

Try this

Working demo

$(function(){
  $('#topnumber').change(function() {
     var topValue = parseInt(this.value);

     $('#bottomnumber option').attr("disabled", false).filter(function(){
        //This will make sure to select only options with value > topValue
        return (topValue < parseInt(this.value)); 
     }).attr("disabled", true);
   });
});