在Knockout中获取组合框中选定值的编号

Question

我想要在组合框中获取选定索引的编号，这有可能吗？

<select id="lstEntreprisesCbx" data-bind="options:Entreprises, 
         optionsText: 'NomEntreprise', 
         optionsCaption: '-- Nouvelle Entreprise --'"> 
</select> 

感谢

Answer 1

你可以使用select元素的selectedIndex属性来找出当前选定的选项。

如果你想要把这个绑定处理程序，你可以是这样的：

ko.bindingHandlers.selectedIndex = { 
    init: function(element, valueAccessor) { 
     ko.utils.registerEventHandler(element, "change", function() { 
      var value = valueAccessor(); 
      if (ko.isWriteableObservable(value)) { 
       value(element.selectedIndex); 
      } 
     }); 
    } 
}; 

这是假设你是结合其对可观察到的（如果你要绑定对非可观察到的，然后它需要多一点的代码），你可以使用它像：

<select id="lstEntreprisesCbx" data-bind="options:Entreprises, 
         optionsText: 'NomEntreprise', 
         optionsCaption: '-- Nouvelle Entreprise --', 
         selectedIndex: myIndex"> 
</select> 

这里有一个例子：http://jsfiddle.net/rniemeyer/K6SZQ/

更新

我已经读过这个问题，因为它特别想要selectedIndex当前选定的值，这可能是错误的。如果您确实想获取当前所选对象的id之类的内容，则可以使用value绑定以及optionsValue选项。它看起来像：

因此，您所指定的value更新约束，而在optionsValue结合使用（字符串）属性，该属性值。如果您省略了optionsValue，那么它将用整个对象填充您的value。如果你的选择数组只是原始值，这也是你会用到的。

样品：http://jsfiddle.net/rniemeyer/3LyLs/