选择选项淘汰赛事件不起作用

Select option knockout event not working

本文关键字：不起作用 事件 淘汰赛 选项 选择      更新时间：2023-09-26

嗨，我正在使用淘汰来生成我的下拉框。。但我想对我的选项进行事件更改，这些选项是在我的for each中创建的。当我更改选项时，不会触发任何内容。

代码：

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

有人能看到我在这里做错了什么吗？如果是的话，给我一个如何解决的例子。

感谢

检查此型号：

<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那里得到了这个，但正如你所知，它不允许从那里粘贴链接。

相关文章：