Html knockout js如何在下拉选择的索引更改时触发事件

Html knockout js如何在下拉选择的索引更改时触发事件,html,knockout.js,Html,Knockout.js,我正试图根据下拉列表中的选定项触发警报消息 在我们最初的项目中,我们试图对所选索引进行更改,以触发检查所选索引是否已经存在且当前处于活动状态 HTML: 我正在尝试,但由于某些原因,它不起作用。您可以使用事件:{change:selectedValueChanged}绑定绑定到事件。它使用绑定 请注意,Knockout提供了上下文作为事件处理程序的参数,而不是您通常期望的event属性 $(函数() { ko.应用绑定(VM); }); var VM= { vmList:ko.observea

我正试图根据下拉列表中的选定项触发警报消息

在我们最初的项目中,我们试图对所选索引进行更改,以触发检查所选索引是否已经存在且当前处于活动状态

HTML:

我正在尝试,但由于某些原因,它不起作用。

您可以使用
事件:{change:selectedValueChanged}
绑定绑定到事件。它使用绑定

请注意,Knockout提供了上下文作为事件处理程序的参数,而不是您通常期望的
event
属性

$(函数()
{
ko.应用绑定(VM);
});
var VM=
{
vmList:ko.observearray([{Hello:“1”,Hello1:“2”}]),
您好:ko.observable(),
getSelected:ko.observable(),
您好:函数()
{
警惕(“你好”);
},
selectedValueChanged:函数(上下文){
log(context.getSelected());
if(context.getSelected()){
警报('您选择:'+context.getSelected());
}
}
}

<select 
    data-bind="options:vmList, 
               optionsCaption: 'Selecting...',
               optionsText: 'Hello',                
               optionsValue: 'Hello1',
               value: getSelected">                                    
</select>

<span data-bind="text:getSelected"></span>
$(function()
{
    ko.applyBindings(VM);
});

var VM = 
{
    vmList:ko.observableArray([{Hello:"1",Hello1:"2"}]),
    Hello: ko.observable(),

    getSelected: ko.observable(),

    Hello: function()
    {
        alert('hello');
    }
}