jquery - 禁用 SELECT，直到选择了先前的 SELECT

Question

我有 5 个 HTML 选择框，它们都填充了相同的数据，因此不是“链式选择”。

我希望禁用 select2，直到选择 select1，并禁用 select 3，直到选择 SELECTS 1 和 2，等等。

我的选择 ID 是:

• 主要 (1)
• 记录1 (2)
• 记录2 (3)
• 记录3 (4)
• 记录4 (5)

所有SELECT的默认值为“选择作业”

如果 SELECT 具有“选择作业”以外的任何其他值，则行中的下一个 SELECT 可以变为事件状态。

不太确定如何在 jQuery 中执行此操作

Answer 1

假设除了第一个之外的所有其他都已被禁用:

$("select").change(function() {
    if ($(this).val() !== "select job") {
        $(this).next("select").prop("disabled", false);
    } else {
        if(!$(this).index() === 0)
            $(this).prop("disabled", true);   
        $(this).next("select").prop("disabled", true);        
    }
});​

Demo.

我通常建议阅读 http://www.whathaveyoutried.com/ 的精彩资源首先，但我正在等下一类车，所以我需要做点什么来消磨时间(这不是工作)。