如何在下拉淘汰赛js中预先选择一个选项

Question

我已经查看了其他问题，但无法让我的选择框正常工作： 绑定下拉（选择）列表的初始/默认值< /a>

我有以下 Game 对象：

function Game(visitingTeamDetails, homeTeamDetails, game) {
if (arguments.length > 0) {
    this.VisitingTeamDetails = visitingTeamDetails;

    this.HomeTeamDetails = homeTeamDetails;

    this.GameId = ko.observable(game.GameId);
    this.HomeTeamName = ko.observable(game.HomeTeamName);
    this.VisitingTeamName = ko.observable(game.VisitingTeamName);
    this.SportTypeName = ko.observable(game.SportTypeName);
    this.HomeAccountName = ko.observable(game.HomeAccountName);
    this.VisitingAccountName = ko.observable(game.VisitingAccountName);
    this.GameDateString = ko.observable(game.GameDateString);
    this.GameTimeString = ko.observable(game.GameTimeString);
    this.AvailableSportTypes = ko.observableArray(game.Sports);

    this.sportTypeFunction = function () {
        for (sportType in this.AvailableSportTypes()) {
            if (this.AvailableSportTypes()[sportType].Name == this.SportTypeName()) {
                return this.AvailableSportTypes()[sportType];
            }
        }
        return null;
    };

    this.SportType = ko.observable(game.SportType);
}
}

SportType 是一个具有 Name 和 SportTypeId 的对象。

我有以下模板：

 <td rowspan="3"><select data-bind="options: AvailableSportTypes, value: SportType, optionsText:'Name', optionsCaption: 'Choose...'" class="sportType"></select></td>

AvailableSportTypes 是SportType 的列表。

该列表在下拉列表中包含 SportType 的名称，但我无法将初始选择设置为 SportType。我编写了 sportTypeFunction 来向自己表明数据输入正确，并且它会选择正确的值，但更改下拉列表中的选择不会更新 SportType。

我确信我做错了什么。有人看到吗？

谢谢

Answer 1

当传入 game.SportType 时，它需要是对 game.AvailableSportTypes 中项目的引用，而不仅仅是看起来相同的对象。

基本上两个对象不相等，除非它们实际上是对同一对象的引用。

var a = { name: "test" },
    b = { name: "test" }; 

    alert(a === b); //false

因此，您需要调用函数来在数组中找到正确的对象并将其设置为可观察值的值。

并不是说它更好，而是在 KO 1.3 中，您可以扩展 observables、observableArrays 和 dependentObservables 的 .fn 来添加额外的功能。

这是一个示例： http://jsfiddle.net/rniemeyer/ZP79w