JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://raw.github.com/SteveSanderson/knockout.mapping/master/build/output/knockout.mapping-latest.debug.js"></script>
<select data-bind="options: assemblies, optionsText: 'Name', value: selectedAssembly">
</select>
Name <input type="text" data-bind="value: selectedAssembly().Name" />
JavaScript
var jsonFromServer = '[{ "Id": 1, "Name": "Foo"},{ "Id": 2, "Name": "Bar"}]';
var ViewModel = function() {
var self = this;
self.assemblies = ko.observableArray([{Name: ""}]);
self.selectedAssembly = ko.observable();
setTimeout(function() { //to simulate the server call
ko.mapping.fromJSON(jsonFromServer, {}, self.assemblies);
},2000);
}
ko.applyBindings(new ViewModel());