Knockout.js-未设置选择值

Question

我正在使用淘汰表.js，并且没有设置空选项（四个）的值：

<select data-bind="value: item.widgetValue, attr: {id: item.widgetName, name: item.widgetName}, options: item.options, optionsText: ‘label’, optionsValue: ‘value’” id=”fld-“ name=”fld0”>
  <option value=”one”>One</option>
  <option value=”two”>Two</option>
  <option value=”three”>Three</option>
  <option value>Four</option>
  ...
</select>

这就产生了一个问题：当您选择任何选项并尝试选择“四”时，它会选择“一个”； 它将在您第二次选择它时仅选择4。

我尝试过修改敲除数据绑定来解决此问题：

value: $.trim(item.widgetValue)

这使您可以立即选择“四”，但是在提交“四”后提交表单后，会错误地显示“一”。

关于什么可能导致此问题或如何解决的任何想法？

Answer 1

如果在select元素上使用选项绑定，则不应手动设置选项。 如果这些是通过绑定动态创建的（即您实际上是在使用source.options作为源），则检查将select元素绑定到的对象-

item.options可能看起来像这样（缺少值或不像其他选项那样）-

item.options = [
    { label: 'someLabel1', value: 'someValue1' },
    { label: 'someLabel2', value: 'someValue2' },
    { label: 'someLabel3', 'someValue3' }
    ];

但应该是更统一的对象，例如这样（定义明确的模型）-

function optionModel(label, value) {
    var self = this;
    self.label = ko.observable(label);
    self.value = ko.observable(value);
}

item.options = [
    new optionModel('someLabel1', 'someValue1'),
    new optionModel('someLabel2', 'someValue2'),
    new optionModel('someLabel3', 'someValue3')
    ];