更改DropDownList项取决于另一个DropDownList(OnChange事件)ASP.NET网页的值

时间:2013-12-26 15:26:43

标签: c# javascript asp.net

对于这个愚蠢的问题感到抱歉,我曾经使用过MVC而且之前从未做过这样的事情。

好的,我们假设我正在实施门票系统,用户可以在特定时间和公交车上预订门票。

在“预订”页面中我有 2 DropDownLists ,其中一个是旅行时间,另一个是旅行中的座位位置。

我想要它,以便座位位置DropDownList 自动更改,以便在用户从第一个DropDownList中选择时间时仅显示可用座位。当然,每个旅行中都有可用座位的数据库。

* 到目前为止我已经意识到了:我必须使用javascript创建一个OnChange事件处理程序,但我无法意识到我应该如何将数据库中的席位列表带到的JavaScript。

注意:我使用带有c#和razor语法的asp.net wepages

提前感谢并为长段落道歉。)

1 个答案:

答案 0 :(得分:0)

var ddl_2_items = [ "one", "two", "three" ];

$("ddl_1").change(function(e){

var filteredValues = ddl_2_items.filter(function(obj) {
    return obj.indexOf($(this).val()) != -1;
});

var ddl2 = $("ddl_2");
ddl2.empty();
filteredValues .each(function(obj){
        ddl2.append($("<option>", { value: v, html: v }));
      });


});

基础知识

查看更多Dynamically set select-options with JavaScript