数据绑定到一个选择答案

【问题标题】：Data-binding to a select数据绑定到一个选择
【发布时间】：2012-10-19 19:00:20
【问题描述】：

我有一个 jquery 函数从服务中获取所有团队。我如何将它数据绑定到选择框？

function GetAvailableTeams() {
        $.support.cors = true; 
        var jqxhr =
        $.getJSON('http://localhost/Service.svc/GetTeamsAll',
          function (data) {
                teamViewModel.clearTeams();
                $.each(data.GetTeamsAllResult, 
                    function (key, val) {
                        teamViewModel.addTeam(val.TeamId, val.TeamName, true);
                    }
              ko.applyBindings(teamViewModel, document.getElementById("teamNameLabel"));
          })
         .success(function () {  })
         .error(function () { alert("Encountered error with the service: GetTeams. "); })
         .complete(function () { });
    }

【问题讨论】：

我几乎可以肯定 Knockout JS 主页使用绑定选择作为示例。但无法验证，他们的网站正在为我加载。

标签： jquery select jquery-mobile knockout.js

【解决方案1】：

您只需要设置选择元素的正确属性和 api 会为你做的。

<select data-bind="options: ReferenceTypes, optionsText: 'TeamName', 
optionsCaption: 'Select...', optionsValue: 'Id', **value:TeamModel**">
</select>

例如： knockoutjs mapping select data-bind options

http://jsfiddle.net/madcapnmckay/Ba5gx/

【讨论】：