下拉列表选定的值在UI淘汰赛中没有更新js

Question

在我的应用程序中，我有一个表格，当选中某行时，它会显示其详细信息（除了表格中的数据外，还有更多选项）。

当点击一个编辑按钮时，它会显示我可以在其中编辑测试框和下拉列表的可编辑页面。

在这里，当我编辑文本框中的值时，该值在非可编辑形式的UI中更新。

但是，当我更改下拉列表中更新的值不显示在不可编辑的形式。它只显示旧值。

这是我的下拉列表html。

<select id="ddlType" data-bind="options: $root.ddlTypes, optionsText: 'OppType', optionsValue: 'ID', optionsCaption: 'Select..', value: selectedTypeId"></select> 

从web api绑定下拉列表。

请让我知道，哪里Iam出错..

在此先感谢。

Answer 1

我想，selectedTypeId必须在viewmodel中可观察到，以便对其进行的更改将自动更新UI。

this.selectedTypeId = ko.observable（）;

Answer 2

你应该声明的变量，观察到像

this.selectedTypeId = ko.observable（）;

虽然在HTML中使用此变量，但根据上下文使用$ root/$ parent。