选择选项敲除事件不起作用

时间:2015-03-19 13:43:24

标签: javascript knockout.js

您好我正在使用淘汰赛来生成我的下拉框..但我想在我的选项中应用事件更改,这些选项是在我的每个选项中创建的。当我改变我的选择时,没有任何东西被触发。

代码:

<select>
    <option value"">Please select option</option>
         <!-- ko foreach: { data: Category.Options, as: 'Options' } -->
             <option value="" data-bind="text:  Options.Name + ' ' + Options.Description, event: {change: function () {   alert('hello')} }"></option>
         <!--/ko--> 
</select>

任何人都可以看到我在这里做错了,如果是这样,请举例说明如何修复它。

由于

1 个答案:

答案 0 :(得分:0)

检查此模型:

<select data-bind="options: choices, value: selectedChoice"></select>
<hr />
<select data-bind="event: { change: selectionChanged }">
     <option>A</option>
     <option>B</option>
     <option>C</option>
</select>

然后是ViewModel

var viewModel = {
    choices: ["one", "two", "three"],
    selectedChoice: ko.observable("two") ,
    selectionChanged: function(event) {
         alert("the other selection changed");  
    } 
};
viewModel.selectedChoice.subscribe(function(newValue) {
   alert("the new value is " + newValue); 
});
ko.applyBindings(viewModel);

我从jsFiddle那里得到了这个,但是你知道不允许从那里粘贴链接。