如果没有值，则设置select的默认值

Question

我有这个select ：

<select data-bind="options: $root.users(), optionsText: 'name', optionsValue: 'id', value: $root.selectedUser, optionsCaption: 'Select one'"></select>

如果$root.selectedUser = 0则仅需要选择默认值（“选择一个”），否则不需要默认值。

我尝试过：

<select data-bind="options: $root.users(), optionsText: 'name', optionsValue: 'id', value: $root.selectedUser, optionsCaption: $root.selectedUser () === 0 ? 'Select one' : ''"></select>

但这不起作用。 （如果$root.selectedUser = 0它将显示列表的第一个值，而不是默认值。）

关于如何实现这一点的任何想法？

Answer 1

如果此ModelView：

    var User = function(id, name) {
        this.name = name;
        this.id = id;
    };

    var viewModel = {
        users : ko.observableArray([
            new User(0,"User 1"),
            new User(2,"User 2"),
            new User(3,"User 3")
        ]),
        selectedUser : ko.observable(0)
    };


    ko.applyBindings(viewModel);

我有一个ID为0的用户。

如果您在可观察值中保存一个Id值，它将选择此选项。 所有这些将选择一个选项：

 selectedUser : ko.observable(0)
 selectedUser : ko.observable(2)
 selectedUser : ko.observable(3)

如果保存任何值或undefined ，则显示默认选项。

这个小提琴显示了这个例子。