JSFiddle - React, Tailwind, and code Playground

by cgough

HTML

<script src="http://cloud.github.com/downloads/SteveSanderson/knockout/knockout-2.1.0.js"></script>
<script src="https://raw.github.com/SteveSanderson/knockout.mapping/master/build/output/knockout.mapping-latest.js"></script>
<div data-bind="text: seedData.firstName"></div>
<select data-bind="options: seedData,
                        optionsText: 'firstName',
                        optionsValue: 'ID',
                        value: data.selectedValue">
    </select>

JavaScript

var vm = {

    // Simulated seed data from server
    seedData: ko.observableArray([
        {
        ID: 1,
        firstName: 'John',
        value: '333'},
    {
        ID: 2,
        firstName: 'Bob',
        value: '333'},
    {
        ID: 3,
        firstName: 'Amy',
        value: '333'}]),


    // Simulated data from server
    data: {
        title: ko.observable('This is a sample'),
        selectedValue: ko.observable(2)
    }

};
ko.applyBindings(vm);