knockoutjs wie die gewählte Option erhalten Arrayobject

Question

ich die gewählte Option Objekt

<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

Sie haben nicht hinzuzufügen, wählen Sie Ereignis an den Griff bekommen wollen. Effizientere Art und Weise auf selectedCountry Änderungen abonnieren ist:

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

Hier arbeiten Geige:

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

Wenn Sie nicht wollen, jedes Land standardmäßig aktiviert ist, haben Sie optionsCaption Bindung an die data-bind hinzufügen : http://jsfiddle.net/vyshniakov/tuMta/1/