更改DropDownList項目取決於另一個DropDownList（OnChange事件）ASP.NET網頁中的值

Question

對不起這個問題，我曾經使用過MVC，但以前從未做過類似的事情。

好的，可以說我正在實現一個票務系統 ，用戶可以在特定時間和時間預定票務。

在“預訂”頁面中，我有2個DropDownLists ，其中一個用於旅行時間，另一個用於該旅行的座位位置。

我想要它，所以當用戶從第一個DropDownList中選擇時間時，Seat Position DropDownList 會自動更改為僅顯示可用座位。 當然，每個旅行都會有一個包含可用座位的數據庫。

*到目前為止，我已經意識到 ：我必須使用javascript來創建OnChange事件處理程序，但是我無法意識到的是我應該如何將席位列表從數據庫轉移到javascript中。

注意：我使用帶有C＃和razor語法的asp.net網頁

在此先感謝，並為很長的段落表示抱歉：)

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


});

多數民眾贊成在基礎

查看更多使用JavaScript動態設置選擇選項