Javascript 有条件地显示下拉列表

我正在创建一个非常基本的订单（目前仍处于设计阶段），并且有一个地方可以让他们输入大约14个不同的下拉列表。如果可能的话，我不想显示所有14个下拉列表，我只想显示第一个，如果填了，那么显示第二个，如果填了，那么显示第三个等等

我正在使用

C#

和

webforms

，并且正在使用

asp.net

创建下拉列表——以此为基础是它们的Javascript函数或C#语法还是实现上述功能的某种方式？这是我的一个片段（我没有展示完整的语法，因为它只是在每个下拉列表中重复自己）

受保护的void Dropdownlist_SelectionChanged（对象发送方，事件参数e）
{
var ddl=发送方作为DropDownList；
开关（ddl.ID）{
案例“ddl1”：
ddl2.可见=真；
打破
案例“ddl2”：
ddl3.可见=真；
打破
//等等
}
}

用于启用/禁用依赖项的快速脚本

这样使用：

$(document).ready(function() {
    new dependencyChain($("#ImNumberTwo"), [ $("#ImNumberOne") ]);
    new dependencyChain($("#ImNumberThree"), [ $("#ImNumberOne"), $("#ImNumberTwo") ]);
});

var dependencyChain=函数（el，依赖项）{
var self=这个；
var元素=el；
这是依赖项=依赖项；
this.init=函数（）{
for（此.dependentials中的变量i）{
var dependency=this.dependencies[i]；
依赖于（“更改”，函数（）{
self.checkDependencies（）；
});
}
self.checkDependencies（）；
}
this.checkDependencies=函数（）{
var disable=false；
for（此.dependentials中的变量i）{
var dependency=this.dependencies[i]；
if（dependency.val（）==“”）{
禁用=真；
}
}
元素.prop（“禁用”，禁用）；
如果（禁用）{
元素。隐藏（）；
}
否则{
元素show（）；
}
}
this.init（）；
}
$（文档）.ready（函数（）{
新的依赖链（$（“#ImNumberTwo”），[$（“#ImNumberOne”）]；
新的依赖链（$（“#imnumbertree”）、[$（“#ImNumberOne”）、$（“#ImNumberTwo”）；
});

依依依依依依依依依依依依依依依依依依依依依依依依依依依依依依依依依依依依依依依依依依依依依依依依依依依依依依依依依
那里
那里
当我运行您的代码片段时，会显示所有3个下拉列表？@RedLightGreenLight更新以隐藏元素。以前只是启用/禁用它们。
<asp:DropDownList ID="ddl1" runat="server" AutoPostBack="true" OnSelectedIndexChanged="Dropdownlist_SelectionChanged" />
<asp:DropDownList ID="ddl2" runat="server" AutoPostBack="true" OnSelectedIndexChanged="Dropdownlist_SelectionChanged" />
<asp:DropDownList ID="ddl3" runat="server" AutoPostBack="true" OnSelectedIndexChanged="Dropdownlist_SelectionChanged" />

protected void Dropdownlist_SelectionChanged(object sender, EventArgs e) 
{
    var ddl = sender as DropDownList;

    switch(ddl.ID) {
        case "ddl1":
            ddl2.Visible = true;
            break;
        case "ddl2":
            ddl3.Visible = true;
            break;
        // and so on
    }
}

$(document).ready(function() {
    new dependencyChain($("#ImNumberTwo"), [ $("#ImNumberOne") ]);
    new dependencyChain($("#ImNumberThree"), [ $("#ImNumberOne"), $("#ImNumberTwo") ]);
});