下拉列表選定的值在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。