KnockoutJS: evento de clic invocado en cada opción en Seleccionar
Quiero que Knockout llame a un evento cada vez que el usuario haga clic en una opción en un elemento SELECT.
Aquí está mi JavaScript:
function ReservationsViewModel() {
this.availableMeals = [
{ mealName: "Standard (sandwich)", price: 0 },
{ mealName: "Premium (lobster)", price: 34.95 },
{ mealName: "Ultimate (whole zebra)", price: 290 }
];
}
ko.applyBindings(new ReservationsViewModel());
Aquí está mi HTML:
<select data-bind="foreach: availableMeals">
<option data-bind="text: mealName, click: alert('hello')" />
</select>
Pero cuando ejecuto esto, la aplicación muestra "hola" tres veces, aunque ninguna de las opciones se hizo clic.
¿Qué estoy haciendo mal?