JSFiddle - React, Tailwind, and code Playground

by merganser

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.918/styles/kendo.common.min.css">
<script src="http://cdn.kendostatic.com/2013.2.918/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.918/styles/kendo.default.min.css">
<div id="movies"></div>
<div id="getValue" class='k-button'>GetValue</div>

JavaScript

var data = {
  "applications": [{
      "Id": "1",
      "Name": "App 1"
    },
    {
      "Id": "2",
      "Name": "App 2"
    }
  ]
};

$("#movies").kendoDropDownList({
  optionLabel: "--- Select ---",
  dataTextField: "Name",
  dataValueField: "Id",
  dataSource: data.applications
}).data("kendoDropDownList");

$("#getValue").click(function() {
  var val = $("#movies").data("kendoDropDownList").value();
  console.log("value", val);
})