Javascript 根据另一个选择下拉列表筛选一个HTML选择下拉列表

我有一个简单的PHP脚本，它的表单有两个select字段，这两个字段都是简单的数值。该脚本还有两个字段之和的最大值。我正在尝试动态筛选第二个下拉列表，以便用户选择的内容不能超过最大值。例如，如果我的最大值为10，则第一个选择下拉列表中的值为1-10。选择6的用户只能在第二个选择下拉列表中选择0-4

我知道这应该相当简单，但我完全是JavaScript/jQuery新手。我已经搜索了SO和Google，但我所看到的例子还不足以让我知道从哪里开始，更不用说找出如何根据我的需要定制它们了。我已经提供了我已经提供的代码，它显然没有我需要的任何过滤功能

一些示例代码（假定已定义$maximum）：

然而，我有点被困在从PHP脚本到jQuery中获取$maximum的过程中。我想我必须创建一个JavaScript变量，但不太确定如何将其传递给jQuery。如果我把jQuery嵌入到同一个PHP脚本中，我就可以知道该怎么做了，只需重复它，但不太确定是否将其作为参数传递。

是一个有效的工具。以及相关的jQuery代码：

$(document).ready(function() {
    $("#select1").change(function() {
        var selectedVal = $(this).find("option:selected").val();

        $("#select2 option").each(function() {
            if($(this).val() >= selectedVal)
                $(this).attr("disabled", "disabled");

        });
    });
});

---

我更新了你的案例legendofawesomeness

根据评论更新了我的代码。但是，我不知道如何将变量传递到jQuery代码段中。这几乎完全符合我的要求，更妙的是，我想我理解了。。。只需要计算jQuery的参数传递。

$(document).ready(function() {
// var max ??
$("#dropdown1").change(function() {
    var selectedVal = $(this).find("option:selected").val();
    $("#dropdown2 option").removeAttr("disabled").removeAttr("selected");
    $("#dropdown2 option").each(function() {
        if($(this).val() > max - selectedVal*1)
            $(this).attr("disabled", "disabled");

    });       
});
});

$(document).ready(function() {
    $("#select1").change(function() {
        var selectedVal = $(this).find("option:selected").val();

        $("#select2 option").each(function() {
            if($(this).val() >= selectedVal)
                $(this).attr("disabled", "disabled");

        });
    });
});