javascript - 淘汰赛选择标签值神秘主义

Question

如果它是表示相等选项文本的文本，则淘汰赛不会创建 value 属性。因此选定的值神秘地转换为字符串类型：

<select data-bind="foreach: opts, value: val">
    <option data-bind="text: name, value: id"></option>
</select>

var vm = {
    opts: [{id: 1, name: 'a'}, {id: 2, name: '2'}],
    val: ko.observable(1)
};
vm.val.subscribe(function (x) {
    console.log(x, typeof x);
});
ko.applyBindings(vm);

在 jsFiddle 中测试它

我该如何解决这种行为？

Answer 1

选项绑定将保留您的类型。例如：

<select data-bind="value: val, options: opts, optionsText: 'name', optionsValue: 'id'"></select>

<script src="knockout.js"></script>
<script>
var vm = {
    opts: [{id: 1, name: 'a'}, {id: 2, name: '2'}],
    val: ko.observable(1)
};
vm.val.subscribe(function (x) {
    console.log(x, typeof x);
});
ko.applyBindings(vm);
</script>

输出：

2 number
1 number