JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://knockoutjs.com/downloads/knockout-2.2.0.js"></script>
<script src="https://raw.github.com/SteveSanderson/knockout.mapping/master/build/output/knockout.mapping-latest.js"></script>
<select id="prova" data-bind='options: list, optionsText: "Name", optionsValue: "Id", value: Id'></select>
Selected Id: <span data-bind="text: Id"></span>
JavaScript
var jData = [
{
"Id": 2,
"Name": "A"},
{
"Id": 3,
"Name": "B"},
{
"Id": 4,
"Name": "C"}]
function ViewModel() {
var self = this;
self.list = ko.mapping.fromJSON(JSON.stringify(jData));
self.Id = ko.observable();
}
var viewModel = new ViewModel();
ko.applyBindings(viewModel);