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

Question

抱歉这个愚蠢的问题，我以前使用过 MVC，但以前从未做过这样的事情。

好吧，假设我正在实现一个门票系统，用户可以在特定时间和巴士上预订门票。

在“预订”页面中，我有2个DropDownList，其中一个用于行程时间，另一个用于该行程中的座位位置。

我希望座位位置 DropDownList 自动更改，以便当用户从第一个 DropDownList 中选择时间时仅显示可用座位。当然，每个行程都会有可用座位的数据库。

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

注意:我使用带有 C# 和 razor 语法的 ASP.NET wepages

提前致谢，并对长段落表示歉意:)

Answer 1

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