JSFiddle - React, Tailwind, and code Playground

by xdenser

HTML

<script src="https://github.com/downloads/SteveSanderson/knockout/jquery.tmpl.js"></script>
<script src="https://github.com/SteveSanderson/knockout/raw/master/build/output/knockout-latest.debug.js"></script>
<select name="MeterTypeID"
data-bind="options: metertypes, optionsText: 'name', value: MeterTypeID"></select>
    <input type=hidden data-bind="value: MeterTypeID().id"/>    
<span data-bind="text: MeterTypeID().img" />

JavaScript

var pageViewModel = {
     MeterTypeID: ko.observable(),
     metertypes: ko.observableArray([{"id": "1", "name":"meter1","img":"img//meter1.png"},
                            {"id": "2", "name":"meter2", "img":"img//meter2.png"},
                            {"id": "3", "name":"meter3", "img":"img//meter3.png"}])
 };

ko.applyBindings(pageViewModel );