JSFiddle - React, Tailwind, and code Playground

by WinKiFlyMe

HTML

<script src="https://raw.github.com/SteveSanderson/knockout.mapping/master/build/output/knockout.mapping-latest.js"></script>
<div>
    <p data-bind="text:AreaName"></p>
    <input type="button" value="click" data-bind="click:click_area" />
</div>
<div>
    <p data-bind="text:getId"></p>
    <select data-bind="value:getId">
        <option value="1">kk</option>
        <option value="2">ff</option>
    </select>
</div>
<div>        
    <input type="button" value="click" data-bind="click:click_type" />
</div>

JavaScript

function viewmodel() {
    var self = this;

    self.AreaName = ko.observable("NanJing");
    self.getId = ko.observable("0");
    self.click_area = function () {
        self.AreaName("BeiJing");
    }
    self.click_type = function () {
        alert(self.getId);
    }
}
var vm = new viewmodel();
ko.applyBindings(vm);