下拉列表剃刀，而不是<select>與HTML

Question

我有一個選擇列表像一個

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

我填寫使用Ajax在運行這個名單，現在我想將其轉換爲一個Razor視圖和我會在重定向到頁面之前將數據包含在Viewbag中。

我該怎麼做？

Answer 1

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

一個常見的（和好的）方法是在您的視圖中使用@Html.DropDownList()或@Html.DropDownListFor<>()。但是，您應該在ViewBag中的較低結構化數據中選擇強類型模型。

參見：

• How to write a simple Html.DropDownListFor()?
• When to use ViewBag, ViewData, or TempData in Mvc3

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--" 
)