KnockoutJS无法使用select执行值绑定

时间:2015-06-11 16:29:35

标签: javascript knockout.js

我的ViewModel是这样的:

$(document).ready(function () {
    vm = new poReceivingModel();
    ko.applyBindings(vm);
});

function poReceivingModel(){
    var self = this;
    self.order_id = ko.observable()
}

我的HTML是这样的:

<select id="id_po" class="form-control" name="po" data-bind="value:order_id">
<option value="1">4323</option>
<option value="2">1234</option>
</select>

<h1 data-bind="value: order_id">It is</h1>

当我选择选项时,该值未被更新。 我检查了文档,发现了与options绑定的值绑定。 但在我的情况下,我只想要价值绑定。 请帮我纠正我的错误。

1 个答案:

答案 0 :(得分:0)

一切看起来都不错,你只需要在h1元素上使用不同的绑定,你可能想要使用“text”

<select id="id_po" class="form-control" name="po" data-bind="value:order_id">
<option value="1">4323</option>
<option value="2">1234</option>
</select>

<h1 data-bind="text: order_id">It is</h1>