淘汰赛 JS 选择初始值在 foreach 循环内未正确显示答案

【问题标题】：Knockout JS select initial value is not displayed correctly inside a foreach loop淘汰赛 JS 选择初始值在 foreach 循环内未正确显示
【发布时间】：2019-09-04 16:55:49
【问题描述】：

当我有一个项目列表时，我需要为每个项目显示一个编辑特定字段的下拉列表

发生的情况是，当我编辑选择并保存时，更改已正确绑定并保存。

但是当我第一次加载页面时，所有选择都反映了第一个项目（该值被忽略）

  <tbody data-bind="foreach: Model.Items">

    ///something

          <select data-bind="value: Fieldvalue,options: $root.optionslist,  optionsValue: 'Id', optionsText: 'Name'"></select>

    ///something

  </tbody>

【问题讨论】：

标签： c# asp.net-mvc knockout.js

【解决方案1】：

这是一个示例，我设置初始值，然后加载 DOM 并绑定值。它按预期工作。您的问题可能出在您没有向我们展示的代码的其他部分。

var viewmodel = function(){
  
  this.Model = {
    Items: [
      {Fieldvalue: ko.observable(2)},
      {Fieldvalue: ko.observable(3)}
    ]
  };
  this.optionslist = [
    {Id: 1, Name: 'option 1'},
    {Id: 2, Name: 'option 2'},
    {Id: 3, Name: 'option 3'}
  ];
};

ko.applyBindings(new viewmodel());

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>


<div data-bind="foreach: Model.Items">
    <select data-bind="value: Fieldvalue,
                       options: $root.optionslist,  
                       optionsValue: 'Id', 
                       optionsText: 'Name'"></select>
</div>

【讨论】：

我使用了我在上面发布的相同代码，并以与您设置相同的方式设置模型，然后它就可以工作，但是由于我从通过 AJAX 调用收到的模型填充它，因此分配了我的模型使用ko.viewmodel.fromModel，可能问题出在这一行