Javascript 如何使用knockout.js在asp.net mvc中设置所选选项？

我试图根据从模型接收到的值设置默认选择的选项。 我正在使用asp.NETMVC和knockout js进行数据绑定

//Model.TestValue=“DEF”

脚本部分。

<script>
var model = {
            MyData: ko.mapping.fromJS(@Html.Raw(Json.Serialize(Model)))
        };

ko.applyBindings(model);  
</script>

<select data-bind="options: mydropdownlist, optionsText:'text', value:MyData.testValue "></select>

var模型={
MyData:ko.mapping.fromJS（@Html.Raw（Json.Serialize（Model）））
};
ko.应用绑定（模型）；

查看部分：Razor

@{
   var mydropdownlist = new SelectList(
        new List<SelectListItem>
        {
new SelectListItem {Text = "ABC", Value = "1"},
new SelectListItem {Text = "DEF", Value = "3"},
new SelectListItem {Text = "GHI", Value = "5"}
        }, "Value", "Text");

}

@{
var mydropdownlist=新建选择列表(
新名单
{
新建SelectListItem{Text=“ABC”，Value=“1”}，
新建SelectListItem{Text=“DEF”，Value=“3”}，
新建SelectListItem{Text=“GHI”，Value=“5”}
}“价值”、“文本”）；
}

查看部分HTML。

<script>
var model = {
            MyData: ko.mapping.fromJS(@Html.Raw(Json.Serialize(Model)))
        };

ko.applyBindings(model);  
</script>

<select data-bind="options: mydropdownlist, optionsText:'text', value:MyData.testValue "></select>

---

现在mydropdownlist可以填充，但我无法设置默认选中的“DEF”。

使用mydropdownlist中的所需选项引用设置可观察属性MyData.testValue

testValue（mydropdownlist.Items（）[1]）//DEF

例如：

$（函数（）{

---

这就是你想要达到的目标吗

var数据=[
{“文本”：“ABC”，“值”：1}，
{“text”：“DEF”，“value”：2}，
{“文本”：“GHI”，“值”：3}，
{“text”：“JKL”，“value”：4}，
];
var模型={
mydropdownlist:ko.observableArray（数据），
选择选项：ko.可观察（数据[1]）
};
ko.应用绑定（模型）；

ko区分大小写，请使用

Model.TestValue

而不是MyData.TestValue也尝试过，但不起作用。