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

Posted 2023-03-27

【中文标题】淘汰赛 JS 选择初始值在 foreach 循环内未正确显示

【英文标题】：Knockout JS select initial value is not displayed correctly inside a foreach loop

【发布时间】：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>

【参考方案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，可能问题出在这一行