JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1407/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1407/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2011.3.1407/js/kendo.all.min.js"></script>
<h3>Cap Size</h3>
            <select id="size">
                <option>S - 6 3/4"</option>
                <option>M - 7 1/4"</option>
                <option>L - 7 1/8"</option>
                <option>XL - 7 5/8"</option>
            </select>

JavaScript

$("#size").kendoDropDownList()
    .change(function(e) {
        var response = confirm("Are you mad, bro?");
        if (response == false) {
            sizeDropDown.value(oldValue);
            return;
        }
        oldValue = sizeDropDown.value();
    });

var sizeDropDown = $("#size").data("kendoComboBox");
var oldValue = sizeDropDown.value();