JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2013.1.319/js/kendo.all.min.js"></script>
<select data-role="combobox" data-text-field="text" data-value-field="id" data-bind="value: selectedProductID, source: products"></select>
Selected product: <span data-bind="text: selectedProductID.text"></span>

JavaScript

var vm = {
    products: [ 
        { id: null, text: "-Select-" }, 
        { id: 1, text: "Food" }, 
        { id: 2, text: "Drinks" } ],
    selectedProductID: null
};

kendo.bind(document.body, vm);