JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1129/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1129/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2011.3.1129/js/kendo.all.min.js"></script>
<input id="hidden" value="10249"/>
<input id="input"/>

JavaScript

var dataSource = new kendo.data.DataSource({
        type: "odata",   
        transport: {
            read: "http://services.odata.org/Northwind/Northwind.svc/Orders"
        },        
        pageSize: 5,
        serverPaging: true
    });

$("#input").kendoDropDownList({
    dataSource: dataSource,
    dataValueField: "OrderID",
    dataTextField: "ShipName",
    autBind: true
});
 
dataSource.fetch(callback);
 
function callback(){
    $("#input").data("kendoDropDownList").value($("#hidden").val());
}