ottiene il testo dell'opzione selezionato in knockout

Question

Sto usando knockoutjs per associare un elenco selezionato. Ecco uno Sample , Voglio ottenere il testo dell'opzione selezionato al posto del valore selezionato.

Come ottenerlo usando knockoutjs?

<select id="projectMenu" name="projectMenu" data-bind=" 
     value: selectedProject, 
     options:  projectFilters, 
     optionsText: 'a', 
     optionsValue: 'b', 
     optionsCaption: '-- Select Project --' 
    "> 
    </select> 
<b>Selected Project:</b> <span data-bind="text: selectedProject"></span> 

Answer 1

Per quanto mi riguarda, non è possibile con una semplice rilegatura. Ma si può facilmente creare computedObservable che scelgono optionText basa su OptionValue

vm.selectedOption= ko.computed(function() { 
    for (var i = 0; i < this.projectFilters().length; i += 1) { 
     var data = this.projectFilters()[i]; 
     if (data.a === this.selectedProject()) { 
      return data.b; 
     } 
    } 
    return null; 
}, vm); 

Answer 2

Il modo più semplice per farlo è quello di rimuovere il legame optionsValue. Quando non si separa il binding del valore options, l'intero elemento sarà il valore selezionato.

<select id="projectMenu" name="projectMenu" data-bind=" 
     value: selectedProject, 
     options:  projectFilters, 
     optionsText: 'a',   
     optionsCaption: '-- Select Project --' 
    "> 
    </select> 
<b>Selected Project: 
<span data-bind="text: selectedProject() ? selectedProject().a : 'no selection '"></span> 

See fiddle

Answer 3

vm.selectedCountryName = ko.computed(function() { 
     var text = ''; 
     ko.utils.arrayForEach(vm.countries(), function (item) { 
      if (item.CountryId == vm.selectedCountry()) { 
       text = item.CountryName; 
       return; 
      } 
     }); 
     return text; 
    });