Knockout将输入文本框绑定到另一个文本框

时间:2014-04-25 22:09:36

标签: javascript html data-binding knockout.js

我有两个输入标签,当我输入一个时,我想要两个完全相同的值。 我正在试验淘汰赛,我想知道如何实现这一目标。

<input type="text" data-bind="value: theValue" />
<br />
<input type="text" data-bind="value: theValue" />

<script type="text/javascript">
    var viewModel = {
    theValue: ko.observable("defaultText"),
};

ko.applyBindings(new ViewModel());
</script>

1 个答案:

答案 0 :(得分:1)

您拥有的内容是正确的,您只想将valueUpdate: 'afterkeydown'添加到绑定中,以便在您键入时更新。

<input type="text" data-bind="value: theValue, valueUpdate: 'afterkeydown'" />
<br />
<input type="text" data-bind="value: theValue, valueUpdate: 'afterkeydown'" />

此外,ko.applyBindings(new ViewModel());应为ko.applyBindings(viewModel);

这是full demo