Knockout - Dropdown list as master/detail

http://stackoverflow.com/questions/9150134/knockoutjs-observable-arrays-and-dropdownlists

HTML

<script src="https://github.com/downloads/SteveSanderson/knockout/knockout-2.0.0.debug.js"></script>
<select data-bind="options: platforms, value: selectedPlatform, optionsText: 'name'"></select>
<button data-bind="click:add">Add</button>


<div data-bind="with: selectedPlatform">
    <span data-bind="text: name"></span><br/>
    <span data-bind="text: color"></span><br/>
    <span data-bind="text: id"></span><br/>
</div>

JavaScript

var sampleSubmission = function() {
    this.selectedPlatform = ko.observable();
    this.platforms = ko.observableArray();
    thisadd = function(){data.push({name: 'plat1', color: 'red', id: 1});alert(data)};
};

var sampleSubmissionViewModel = new sampleSubmission();
var data = [{name: 'plat1', color: 'red', id: 1},
           {name: 'plat2', color: 'blue', id: 2},
           {name: 'plat3', color: 'green', id: 3}];
sampleSubmissionViewModel.platforms(data);



ko.applyBindings(sampleSubmissionViewModel);