Simple select example

based upon http://knockoutjs.com/examples/simpleList.html

by Asle Gundersby

HTML

<script src="http://knockoutjs.com/downloads/knockout-3.2.0.js"></script>
<select width="50" data-bind="options: fonts, value:titleFont"> </select><br>
I chose: '<span data-bind="text: titleFont"></span>'<br>
Initialized with: '<span data-bind="text: initValue"></span>'<br>

JavaScript

var SimpleListModel = function(items) {
    this.selected = ko.observable();
    
    this.titleFont = ko.observable("Verdana");
    var tf1 = this.titleFont();
    this.initValue = ko.observable(tf1);
    
    this.fonts = ko.observableArray(["Times", "Noticias Text", "Verdana"]);
   
};
 
ko.applyBindings(new SimpleListModel(["Alpha", "Beta", "Gamma"]));