使用Razor而不是下拉列表 <select>與HTML

Question

我有一個這樣的選擇清單

  <select id="select-product">
            <option>Select a Product</option>
  </select>

我在運行時使用Ajax填寫了此列表，現在我想將其轉換為剃刀視圖，並且在重定向到頁面之前，我會將數據包含在Viewbag中。

我怎樣才能做到這一點 ？

Answer 1

在重定向到頁面之前，我將數據包含在Viewbag中。

一種常見的（也是很好的）方法是在視圖中使用@Html.DropDownList()或@Html.DropDownListFor<>() 。 但是，您應該在ViewBag使用強類型模型而不是結構較少的數據。

也可以看看：

• 如何編寫一個簡單的Html.DropDownListFor（）？
• 何時在Mvc3中使用ViewBag，ViewData或TempData

Answer 2

$(document).ready(function () {
    $.get('/Home/GetProducts/' + $(this).val(), function (response) {
        var products = $.evalJSON(response);
        var ddlSelectedProduct = $("#SelectedProduct");

        // clear all previous options 
        $("#SelectedProduct > option").remove();

        // populate the products 
        for (i = 0; i < products.length; i++) {
            ddlSelectedProduct.append($("<option />").val(products[i].Value).text(products[i].Text));
        }
    });
});

要么

@Html.DropDownListFor(
    x => x.SelectedProductId, 
    new SelectList(ViewBag.Products as SelectList, "Value", "Text"),
    "-- Select Product--"
)