Knockout:选择Binding返回值数组

时间:2014-06-26 22:10:46

标签: javascript knockout.js

将视图模型绑定到select元素,然后从该元素获取值。它返回数组内的选定值。

例如:所选值为" 1",视图模型变量具有" [1]"作为它的价值。

    <label>Customer:</label>
    <select class="form-control" data-bind="options: [1, 2], 
         selectedOptions: Customer"></select>
    <button data-bind="click: $root.Click">Test</button>


    function AppViewModel() {
        var self = this;
        this.Customer = ko.observable();
        this.Click = function(){console.log(self.Customer());}
    }

    // Activates knockout.js
    var temp = new AppViewModel();
    ko.applyBindings(temp);

JS Fiddle Example

我有其他选择元素来执行此操作,而其他元素则不这样做,并且在我的生活中无法看到差异。任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:0)

http://jsfiddle.net/Nb5Gs/3/

<label>Customer:</label>
<select class="form-control" data-bind="options: [1, 2], value: Customer"></select>
<button data-bind="click: $root.Click">Test</button>

我不确定你的问题是什么,但我可以推断出来。

我总是使用value进行单项选择,selectedOptions进行多项选择时