jquery - 如何使用jQuery修改下拉列表

Question

我仍在学习 jQuery，但我认为这可能非常简单:

我有 2 个下拉框，其名称和 ID 为:topnumber、bottomnumber

两个列表都包含数字 1-5。

我想做的是使用 jQuery 禁用或从 bottomnumber 中删除任何大于他们在顶部数字中选择的数字(等于即可)。例如，如果他们在 topnumber 中选择 3，那么 4 和 5 将从 bottomnumber 列表中删除或禁用。

感谢任何帮助。谢谢!克里斯

Answer 1

试试这个

工作 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);
   });
});