與選擇的數據綁定

Question

我有一個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() { }); 
    } 

Answer 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/