knockoutjs问题，急待解决

悬赏园豆：20 [已解决问题] 解决于 2014-03-04 15:12

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <script src="~/Scripts/jquery-1.8.2.min.js"></script>
    @*<script src="~/Scripts/jquery.tmpl.min.js"></script>*@
    <script src="~/Scripts/knockout-3.0.0.js"></script>


</head>
<body>
    <div>
        <p>
            请选择：
            <select data-bind="options:tickets,
                           optionsCaption:'请选择',
                           optionsText:'name',
                           value:chosenTicket"></select>
        </p>
        <p>
            You've chosen:
            <b data-bind="text: chosenTicket().name"></b>
            (price: <span data-bind='text: Change(chosenTicket().price)'></span>)
        </p>
        <script type="text/javascript">
            var viewmodel = {
                tickets: [
                    { name: "aaa", price: "111" },
                    { name: "bbb", price: "222" },
                    { name: "ccc", price: "333" },
                    { name: "ddd", price: "444" },
                    { name: "eee", price: "555" },
                    { name: "fff", price: "666" }
                ],
                chosenTicket: ko.observable(),
                resetTicket: function myfunction() { this.chosenTicket(null) }

            };
            ko.applyBindings(viewmodel);
            function Change(price) {
                return "$" + price;
            }
        </script>
    </div>
</body>
</html>