JSFiddle - React, Tailwind, and code Playground

by badgoto

HTML

<script src="http://rniemeyer.github.com/KnockMeOut/Scripts/knockout-latest.debug.js"></script>
<select>
  <!-- ko foreach: items -->
        <option data-bind="text: $data.name, value: $data.name"></option>
  <!-- /ko -->
</select>
<span data-bind="text: selected().name"></span>

JavaScript

var viewModel = function () {
   this.items = ko.observableArray([
       { id: 1, name: "Apple" }, 
       { id: 2, name: "Orange"},
       { id: 3, name: "Banana"}
   ]);
   this.selected = ko.observable();
};

var vm = new viewModel();
ko.applyBindings(vm);