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

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

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

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

但当我更改下拉列表时，更新后的值不会以不可编辑的形式显示。它只显示旧值。

这是我的下拉列表html。

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

下拉列表正在从web api绑定。

请告诉我，我哪里出了问题。。

提前谢谢。