Get ausgewählten Optionstext in Knockout

Question

Ich verwende knockoutjs, um eine Auswahlliste zu binden. Hier ist ein Sample , Ich möchte ausgewählten Optionstext anstelle von ausgewählten Wert erhalten.

Wie bekomme ich es mit 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

Soweit es mich betrifft, ist es nicht mit nur einer einfachen Bindung möglich. Aber Sie können leicht computedObservable schaffen, die optionText auf Option Basis wählen

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

Der einfachste Weg, es zu tun ist, die optionsValue Bindung zu entfernen. Wenn Sie die Bindung optionsValue nicht festlegen, wird das gesamte Objekt als Wert ausgewählt.

<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; 
    });