JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-2.1.4.js"></script>
<link rel="stylesheet" href="https://rawgit.com/craftpip/bootstrap-fullscreen-select/master/css/bootstrap-fullscreen-select.css">
<script src="https://rawgit.com/craftpip/bootstrap-fullscreen-select/master/js/bootstrap-fullscreen-select.js"></script>
<script src="https://rawgit.com/craftpip/bootstrap-fullscreen-select/master/js/bootstrap-fullscreen-select.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<select data-bind="   
   options: messages,
   optionsText: 'message',
   menu: {},
   optionsValue: 'Value',
   value: msgStore
   "></select>
<div data-bind="text:msgStore"></div>

JavaScript

var ViewModel = function () {
    var self = this;
    self.messages = [{
        message: "Hello",
        Value: 1
    }, {
        message: "Hi",
        Value: 2
    }, {
        message: "Bye",
        Value: 3
    }];

    self.msgStore = ko.observable();
};


ko.bindingHandlers.menu = {
    init: function (element, valueAccessor, allBindingsAccessor, viewModel) {
        var valueObservable = allBindingsAccessor().value;
        $(element).mobileSelect({
            onClose: function () {
                var newValue = $(this).val();
                if (newValue !== valueObservable()) {
                    valueObservable(newValue);
                }
            }
        });
    }
};

ko.applyBindings(new ViewModel());