用于更改选择选项的 valueUpdate 事件

Question

我正在尝试创建一个可编辑的组合框。 这是我写的 HTML：

<select data-bind='options: possibleOptions, value: selectedOption' onchange='this.nextElementSibling.value = this.value'></select>
<input type='text' name='format' data-bind='value: selectedOption, valueUpdate:[\"afterkeydown\", \"click\", \"input\", \"change\"]' />

在http://jsfiddle.net/nwH8A/ 的帮助下。

所以发生的事情是，当我手动输入文本输入时， selectedOption 会正确更新。但是当我从下拉列表（possibleOptions）中选择一个选项时，除非我单击文本框，否则 selectedOption 的值不会更新。基本上我要做的是允许用户手动输入文本以及从下拉列表中选择并相应地更新 selectedOption 的值。

我是否需要将任何事件添加到 valueUpdate 事件列表中，或者是否有其他方法来完成结果？

我正在处理打字稿文件。

谢谢。

Answer 1

我不确定我是否理解您的问题...试试这个：

 function ViewModel() {
    var self = this;
    self.possibleOptions = ko.observableArray([ { text: '1', value: '1' }, { text: '2', value: '2' } ]);
    self.selectedOption = ko.observable();

    self.selectedOption.subscribe(function (newValue) {
        self.possibleOptions.push({ text: newValue, value: newValue });
    });
};

ko.applyBindings(new ViewModel());

HTML

<select data-bind="options: possibleOptions, optionsText: 'text', optionsValue: 'value', value: selectedOption">

</select>

<input type="text" name="format" data-bind="value: selectedOption" />

要查看此功能：https://jsfiddle.net/q6ov7r59/3/