नॉकआउट

Question

में चयनित विकल्प टेक्स्ट प्राप्त करें मैं चयन सूची को बांधने के लिए knockoutjs का उपयोग कर रहा हूं। यहां एक Sample है, मैं चयनित मूल्य के बजाय चयनित विकल्प टेक्स्ट प्राप्त करना चाहता हूं।

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

जहां तक ​​मुझे चिंतित है कि यह केवल एक साधारण बाध्यकारी के साथ संभव नहीं है। लेकिन आप आसानी से computedObservable जो optionText 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

के आधार पर चयन का सबसे सरल तरीका यह optionsValue बाध्यकारी दूर करने के लिए है करने के लिए बना सकते हैं। जब आप विकल्प को बाध्य नहीं करते हैं तो बाध्यकारी, संपूर्ण आइटम चयनित मान होगा।

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