选定的Dropdownlist值未在UI Knockout js中更新

Question

在我的应用程序中，我使用的是下拉列表，如下所示。

<select id="ddlcurrency" data-bind="options: $root.ddlOppCurrency, optionsText: 'CurrencyCode', optionsValue: 'CurrencyCode', optionsCaption: 'Select..', value: selectedCurrId, valueUpdate: 'change'" class="form-control"></select>

我有一个div，其中所选的下拉列值必须绑定。

<div class="col-md-8 value" data-bind="text: (CurrencyID() == '' || CurrencyID() == null || CurrencyID() == undefined) ? '--' : CurrencyID">

我创建了一个绑定下拉列表的函数和一个绑定所选值的函数，如下所示。

function ddlOppCurrency(CurrencyCode)
{
    this.CurrencyCode = ko.observable(CurrencyCode);
}

function Config(CurrencyID) 
{
   this.selectedCurrId = ko.observable(CurrencyID);
}

现在，当我更改下拉列表时，所选值不会在UI中更新。任何人都可以让我知道如何实现这一目标。

提前致谢。