List 不带ASP.NET的动态下拉列表

我想创造这样的东西：

3.bp.blogspot.com//-RlGu3mmu6jA/URJdWWtt9XI/aadou/ryaRZ3DKkzc/s1600/1.gif

但是没有ASP.NET

这有可能吗

这有可能吗

---

是的，嗯。。。但是你想用什么语言呢？您希望在网页（）中使用类似的内容吗？或者在桌面程序（例如）中？android/iOS应用程序？

正如其他人所说，您可以轻松使用Javascript等客户端代码

下面是一个使用Javascript和jQuery的示例：

HTML:

首先选择
选择选项。。。
A.
B


第二选择
先用第一个盒子

Javascript（使用jQuery）：

var选项=新数组（“a”、“b”）；
选项[“a”]=新阵列（“1a”、“2a”、“3a”）；
选项[“b”]=新阵列（“1b”、“2b”、“3b”）；
$（“#firstBox”）.change（函数（）{
if（$（“#firstBox”）.val（））{
$（“#secondBox”）.html（“”）；
var selectedOptions=options[$（“#firstBox”）.val（）；
用于（所选选项中的var i）{
$（“#secondBox”）.append（“”+selectedOptions[i]+“”）；
}
美元("第二框),法代因(400),；
}
否则{
$（“#secondBox”）.html（'usefirstbox first'）；
$（“#第二个框”）淡出（400）；
}
});

---

如果你有兴趣做这个，服务器端可能会有所帮助。

如果你只有几个可能的选项，那么你可以用javascript轻松完成。非常感谢，这正是我想要的。是否只有在使用第一个下拉列表后才能显示第二个下拉列表？@user3433505，我更新了它，以包含您要求的显示/隐藏。

<label for="firstBox">First Select</label>
<select id="firstBox">
    <option value="">Select Option...</option>
    <option value="a">A</option>
    <option value="b">B</option>
</select>
<br />
<div id="secondBox_frame" style="display:none;">
    <label for="secondBox">Second Select</label>
    <select id="secondBox">
        <option value="">Use first box first</option>
    </select>
</div>

var options = new Array("a","b");
options["a"] = new Array("1a","2a","3a");
options["b"] = new Array("1b","2b","3b");

$("#firstBox").change(function(){
    if ($("#firstBox").val()) {
        $("#secondBox").html('');
        var selectedOptions = options[$("#firstBox").val()];
        for (var i in selectedOptions) {
            $("#secondBox").append('<option value="'+selectedOptions[i]+'">'+selectedOptions[i]+'</option>');                         
        }
        $("#secondBox_frame").fadeIn(400);
    }
    else {
        $("#secondBox").html('<option value="">Use first box first</option>');
        $("#secondBox_frame").fadeOut(400);
    }
});