如何在knockout js中设置下拉列表的初始默认值

时间:2013-05-24 14:22:37

标签: javascript drop-down-menu knockout.js

以下是我在View中的代码

<select data-bind="options:TypeInfo,optionsText: 'PrefName',
        optionsValue: 'PrefName',value: $data.selectedchoice,event:
        {change:gettrivialtable}" class="forms-dropdown"></select>

这是我的Js代码

viewModel = ko.mapping.fromJS(viewData);

self.TypeInfo = viewModel.TypeInfo;

self.selectedchoice = ko.observable('');

注意:viewData是从模型中推送的Json。PrefNameTypeInfo类的属性。返回的值为0:'x',1:'y',2:'select',其顺序与我希望'select'为默认值的顺序相同。请帮帮我。

2 个答案:

答案 0 :(得分:4)

您可以使用TypeInfo中的变量设置您选择的选项,例如:

self.selectedchoice(self.TypeInfo()[0])

或非常相似

答案 1 :(得分:1)

如果您将self.selectedChoice定义为

self.selectedchoice = ko.observable('select');

选择列表将默认为该选项。