将视图模型绑定到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提琴示例
我有其他的选择元素可以这样做,也有其他的不这样做,我一辈子也看不出有什么区别。
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
时,它是一个多选择