DropDownList始终显示第一个元素

Question

我有DropDownList，它有两个项目。当我选择第二个时，它会闪烁，然后立即返回第一个。

@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的类型为IList<Product>。

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);
    });