Ich möchte, dass Knockout ein Ereignis aufruft, wenn der Benutzer auf eine Option in einem SELECT-Element klickt.

Hier ist mein 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());

Hier ist mein HTML:

<select data-bind="foreach: availableMeals">
    <option data-bind="text: mealName, click: alert('hello')" />
</select>

Aber wenn ich dies ausführe, zeigt die Anwendung dreimal "Hallo" an, obwohl keine der Optionen tatsächlich angeklickt wurde.

Was mache ich falsch?