在淘汰赛中获取选定的选项文本

Question

我正在使用knockoutjs来绑定选择列表.这是一个示例 ,我想获取选定的选项文本而不是选定的值.

如何使用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

最简单的方法是删除optionsValue绑定.当您不sepcify 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>

看小提琴

Answer 2

就我而言，仅通过简单的绑定是不可能的。但是您可以轻松创建computeObservable，它根据optionValue选择optionText

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