knockout.js - 如何在knockoutjs中使用对象设置选项值

Question

我有:

 <select name="test" id="test" class="" 
  data-bind="
  options: myArray, 
  value: idSelected,
  optionsText: 'name',
  optionsValue: 'id',
 optionsCaption: 'All'">

我不仅仅想要 id，当您从列表中选择一个项目时，我想在对象中设置数组的 id 和名称。示例:

我想要这个结果:

  idSelected = {id:1, name:'Test'};

Answer 1

只需从绑定(bind)中删除 optionsValue 即可。这会将 idSelected 设置为 observableArray 的对象，而不是字符串 ( documentation )

这是一个工作片段:

var viewModel = function() {
  var self = this;

  self.myArray = ko.observableArray([{
    id: 1,
    name: 'Test 1'
  }, {
    id: 2,
    name: 'Test 2'
  }]);

  self.idSelected = ko.observable();

  self.idSelected.subscribe((selected) => {
    console.log(self.idSelected());
  });
}

ko.applyBindings(new viewModel());

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

<select name="test" id="test" class="" data-bind="
  options: myArray, 
  value: idSelected,
  optionsText: 'name',
 optionsCaption: 'All'">