Knockoutjs.com - Cart editor example

http://knockoutjs.com/examples/cartEditor.html

by dingen2010

HTML

<script src="http://knockoutjs.com/examples/resources/sampleProductCategories.js"></script>
<script src="http://knockoutjs.com/downloads/knockout-3.0.0.js"></script>
<table>
    <tr>
        <td>
            <select data-bind="options: sampleProductCategories, optionsText: 'name', value: category, optionsCaption: 'select...'"></select>
        </td>
    </tr>
    <tr>
        <td data-bind="with: category">
            <select data-bind='options: products, optionsText: "name", optionsCaption: "Select...", value: $parent.product'></select>
        </td>
    </tr>

JavaScript

var vm = function () {
    this.category = ko.observable("");
    this.product = ko.observable("");
}

ko.applyBindings(vm);