没有ASP.NET的动态下拉列表

时间:2014-03-18 20:17:57

标签: list dynamic

我想创造类似的东西:

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

但没有ASP.NET。

这有可能吗?

2 个答案:

答案 0 :(得分:1)

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

以下是使用Javascript和jQuery的示例:http://jsfiddle.net/ET5JW/9/

HTML:

<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>

Javascript(使用jQuery):

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

如果您有兴趣这样做,服务器端PHP可以提供帮助。

答案 1 :(得分:0)

  

这有可能吗?

是的,嗯......但你想用什么语言?你想要一个像这样的网页(here)吗?或者在桌面程序中(例如java - swing)? android / iOS app?