DropDownListは常に最初の要素を表示します

Question

私は2つの項目を持つDropDownListを持っています。私が2番目のものを選択すると、それが点滅し、すぐに最初のものに戻ります。

@Html.DropDownListFor(m => m.SelectedProduct, new SelectList(Model.Products, "ProductCode", "ProductName",Model.SelectedProduct),new { @class = "form-control" }) 

マイコンコード。

public ActionResult Index(int id, string productName) 
    { 
     var model = new ProductModel 
     { 
      Product = ProductService.GetProducts() 
     }; 

     var view = "Something"; 
     model.SelectedProduct = productName; 
     if(productName =="another") 
      view = "another"; 
     return View(view, model); 
    } 

Model.Productsのタイプは​​です。

public class Product 
{ 
    public string ProductName {get;set;} 
    public string ProductCode {get;set;} 
} 

私はこのlinkを見ましたが、私は私のコントローラでViewDataを持っていません。だから私を助けてください。

私のクライアント側のコード：

$(document).ready(function() { 
     $("#SelectedProduct").change(function() { 
      var selectedValue = $(this).find('option:selected').text(); 

      window.location.href = "@(Url.RouteUrl("MyRoute", new { id = Model.id }))/" + encodeURI(selectedValue); 
    }); 

Answer 1

問題が

new SelectList(Model.Products, "ProductCode", "ProductName", Model.SelectedProduct)に渡され、選択した項目（第四パラメータ）です。

これは、Model.SelectedProductが、SelectListの項目のValueを保持することを前提としています。

あなたのJSコードは、Nameであるvar selectedValue = $(this).find('option:selected').text();を渡します。

これを var selectedValue = $(this).find('option:selected').val();に変更して、ProductCodeに渡します。