knockoutjs Jak zdobyć wybraną opcję arrayObject

Question

Chcę dostać wybranego obiektu opcja

<select data-bind="options: availableCountries, 
         value: selectedCountry, event: { select: onSelect}"></select> 


<script type="text/javascript"> 
    // Constructor for an object with two properties 
    var Country = function(name, population) { 
     this.countryName = name; 
     this.countryPopulation = population; 
    };  

    var viewModel = { 
     availableCountries : ko.observableArray([ 
      new Country("UK", 65000000), 
      new Country("USA", 320000000), 
      new Country("Sweden", 29000000) 
     ]), 
     selectedCountry : ko.observable(), // Nothing selected by default 
     onSelect: function(){ 
       console.log(viewModel.selectedCountry) 
       // it is showing just an country name and what i what is whole object 
       // e.g. { "UK", 65000000 } // that is selected option in selected box 

     } 

    }; 
</script> 

Answer 1

Nie trzeba dodawać wybierz zdarzenie z kontrolą. Bardziej efektywny sposób na to, aby subskrybować selectedCountry zmian:

viewModel.selectedCountry.subscribe(function (data) { 
     console.log(data) 
    }); 

Jeśli nie chcesz, każdy kraj jest domyślnie zaznaczona trzeba dodać optionsCaption wiązania do data-bind:

<select data-bind="options: availableCountries, 
         optionsText: 'countryName', 
         value: selectedCountry, 
         optionsCaption: 'Select...'"></select> 

Oto skrzypce pracy : http://jsfiddle.net/vyshniakov/tuMta/1/