ASP.Net MVC 4和Jquery選擇選項

Question

問題：我正在建立一個動態的產品列表，其中每個產品都包含一個“產品類型”，即時遍歷每個產品，但是我需要為現有產品設置所選選項

$.each(products.All(), function(index, product) {
for(p in productList) {
                $( "#"+product.itemId+"_type" ).append($("<option/>", {
                    value: productList[g].value,
                    text: productList[g].label,
//Need to add something like if(productList[g].value == p.typeId) selected:true
                }));

}

Answer 1

您應該按照使用ASP.Net MVC 4的指定使用SelectList

http://msdn.microsoft.com/en-us/library/system.web.mvc.selectlist%28v=vs.118%29.aspx

兩個構造函數使您可以設置所選值。 無論如何

你可以這樣

$("<option/>").attr("selected", "selected");

要么

    $.each(products.All(), function(index, product) {
    for(p in productList) {

    // declare here a variable selectedValue

    if(productList[g].value == p.typeId){

    // set here a variable selectedValue 
    }
    else {
    // set here a variable selectedValue 
    }



                $( "#"+product.itemId+"_type" ).append($("<option/>", {
                    value: productList[g].value,
                    text: productList[g].label,
                    selected: selectedValue,
                }));

}

Answer 2

使用javascript嘗試一下：

<script type="text/javascript">

$.each(products.All(), function(index, product) {
     var select = document.getElementById("YourSelect");
             for(p in productList) 
               {
                   var el = document.createElement("option");
                    el.textContent =productList[g].label;
                    el.value = productList[g].value;
                    if(productList[g].value == p.typeId)
                     {
                      el.selected = true;
                     }
                    select.appendChild(el);

               }
   });
</script>