Kendo UI Starter Template

An empty fiddle with the latest Kendo UI CSS and JS references.

HTML

<script src="https://kendo.cdn.telerik.com/2016.2.504/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2016.2.504/styles/kendo.default.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2016.2.504/styles/kendo.common.min.css">
<select data-role="dropdownlist" 
data-value-primitive="true"
data-bind="source: dropDownData, value: selectedValue"
data-text-field="Text" data-value-field="Value"></select>

<span data-bind="text: selectedValueText"></span>
<span data-bind="text: selectedValue"></span>

CSS

.log {
  background-color: #eee;
  margin: 20px 0;
}

JavaScript

(function() {

  var viewModel = kendo.observable({
  	selectedValue: null,
    dropDownData: [{Value:10, Text:"ten"},{Value:20, Text:"twenty"}],
    selectedValueText: function() {
    	return JSON.stringify(this.get("selectedValue"));
    }
  });

  kendo.bind('body', viewModel);

})();