如何根據其動態值選擇列表

Question

我是淘汰賽的新手。我希望當我基於該值單擊編輯按鈕時，應該選擇下拉菜單。

這是我的完整代碼...我正在嘗試編輯記錄...

這是我的HTML代碼

這是我的JS代碼...

功能item（id，name）{this.id = ko.observable（id）;

    this.name1 = ko.observable(name);

}

函數CompanyViewModel（）{

var self = this; var Sort =“ desc”;

    self.id = ko.observable("");
    self.name = ko.observable().extend

（{必填：true}）； self.bloombergcode = ko.observable（）。extend（{required：true}）;

    self.Id = ko.observable();

    self.sector1 = [new item(1, "Banking"), new item(2, "Non-Banking")];

    self.country = ko.observableArray([]);

    self.sectorid = ko.observable().extend({ required: true });

    self.isincode = ko.observable();
enter code here
    self.address = ko.observable();

    this.validationModel = ko.validatedObservable({
        name: self.name,
        bloombergcode: self.bloombergcode,
        sectorid: self.sectorid

    });



    //        self.items = ko.observableArray([]);
    var company =
{
    id: self.id,
    name: self.name,
    bloombergcode: self.bloombergcode,
    sectorid: self.sectorid,
    isincode: self.isincode,
    sector1: self.sector1,
    address: self.address
};

    self.company = ko.observable();
    self.companies = ko.observableArray();


    $.ajax({
        url: '@Url.Action("CompanyId", "Company")',
        cache: false,
        type: 'GET',
        contentType: 'application/json; charset=utf-8',
        data: {},
        success: function (data) {

            //self.companies(data);
            self.company(data); 

            self.id(data.id);

            self.name(data.name);

            self.sectorid = ko.observable(new item(data.sectorid, ""));

            self.isincode(data.isincode);

            self.address(data.address);

            self.sectorid(self.sector1[1].id);

           // self.sectorid(self.sector1[1]);


            self.bloombergcode(data.bloombergcode)
        }
    });

}

var viewModel = new CompanyViewModel（）; ko.applyBindings（viewModel）;

Answer 1

由於提供了optionsValue參數，因此需要將sectored設置為id值。 換一種說法：

self.sectorid(self.sector[1].id());

另外，您的綁定聲明不正確。 您缺少optionsValue參數上id引號。 如：

<select id="sector" data-bind="options:sector1 , validationElement: sectorid, valueUpdate: 'afterkeydown', optionsValue:'id', optionsCaption: '........Select........', value: $root.sectorid, optionsText: 'name1' "></select>        

希望有幫助！

PS為澄清optionsValue ，如果不提供optionsValue ，則剔除將使用實際對象作為值。 在這種情況下，您最初擁有的代碼self.sectorid(self.sector[1])會按預期工作。