c# - jQuery - 更改下拉列表索引也会更改值

Question

使用带有 Razor 引擎的 MVC 4，我正在创建一个下拉列表:

@Html.DropDownListFor(model => model.Genders.GenderId, new SelectList(
    new List<Object> { 
        new { value = 0 , text = "Male"  },
        new { value = 1 , text = "Female" }
    },
    "value",
    "text",
    2), 
    new { id = "ddlGender" })

当我点击一个按钮时，我会使用 Json 请求获取一些信息，并且我会像这样设置下拉列表的值:

if (response.gender == "Male") {
    $("#ddlGender").attr('selectedIndex', 0);
}
else {
    $("#ddlGender").attr('selectedIndex', 1);
}

但是，当我获得女性值时，我的下拉列表显示 2 个女性值，而不是男性和女性值。

我做错了什么吗？

Answer 1

这将不起作用，因为 select 标记没有任何名为 selectedIndex 的属性。

您的代码应该是:

 $("#ddlGender").get(0).selectedIndex = index_here;

或者试试这个

$("#ddlGender").val("yourvalue");

确保选项标签中的值与“yourvalue”相同。