JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://github.com/downloads/SteveSanderson/knockout/knockout-2.0.0.js"></script>
<div>
Dummy
<select id="dummy" data-bind="options: DummyOptions, optionsText: 'text', value: selectedValue, event:{ change: console.log(selectedValue()) }"></select>
</div>

JavaScript

function option(t, v){
		this.text = ko.observable(t);
	  this.value = ko.observable(v);
	};
function ViewModel()
{
    
    this.DummyOptions = ko.observableArray([
        new option('Postback action', 'postback'), 
        new option('Message action', 'message'),
        new option('URI action', 'uri'),
        new option('Datetime picker action', 'datetimepicker'),
        new option('Camera action', 'camera'),
        new option('Camera roll action', 'cameraRoll'),
        new option('Location action', 'location'),
      ]);
    this.selectedValue = ko.observable( ko.utils.arrayFirst(this.DummyOptions(), function(item) {
        return item().value();
    }) );
}

ko.applyBindings(new ViewModel());