使用 C# 在 ASP.NET MVC 3 中建立級聯下拉清單
開發 Web 應用程式通常需要實作級聯下拉列表，其中一個下拉列表中的選項取決於另一個下拉列表中的選擇。本教學課程示範如何使用 ASP.NET MVC 3 和 C# 實作此功能。
資料模型：
先定義一個模型來表示您的數據，包括年份和月份。
<code class="language-csharp">public class MyViewModel
{
public int? Year { get; set; }
public int? Month { get; set; }
// ... other properties
}</code>控制器操作：
控制器管理資料檢索和傳遞到視圖。
<code class="language-csharp">public class HomeController : Controller
{
// ... other actions
public ActionResult Months(int year)
{
// ... logic to retrieve months based on the selected year
}
}</code>查看實作：
Razor 視圖使用輔助方法產生下拉列表，並結合 JavaScript 進行動態更新。
<code class="language-html">@Html.DropDownListFor(
model => model.Year,
new SelectList(Model.Years, "Value", "Text"),
"-- Select Year --"
)
@Html.DropDownListFor(
model => model.Month,
Enumerable.Empty<SelectListItem>(),
"-- Select Month --"
)
<script>
$('#Year').change(function () {
// ... AJAX call to update the month dropdown
});
</script></code>客戶端 JavaScript：
jQuery用於處理年份下拉變更事件觸發的AJAX請求。 此請求從控制器的 Months 操作中取得適當的月份，並相應地填入月份下拉清單。
這種方法允許在 ASP.NET MVC 3 中無縫建立級聯下拉式選單，從而增強使用者體驗。
以上是如何使用 C# 在 ASP.NET MVC 3 中建立級聯下拉式選單？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
