get item index

by valchev

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.metro.min.css">
<script src="http://cdn.kendostatic.com/2012.1.322/js/kendo.all.min.js"></script>
<input id="dropDownList" />
<br />
Selected idex: <span id="displayIndex"></span>

JavaScript

var sampleData = [
    { name: "John", date: new Date("October 13, 2012 11:13:00") },
    { name: "Lisa", date: new Date("March 18, 2012 07:13:00") },
    { name: "Jack", date: new Date("September 28, 2011 12:28:43") }
];
    
$("#dropDownList").kendoDropDownList({
    dataTextField: "text",
    dataValueField: "value",
    dataSource: [
        { text: "Item1", value: "1" },
        { text: "Item2", value: "2" },
        { text: "Item3", value: "3" }
    ],
    index: 0,
    select: function(e) {
        var index = this.dataItem(e.item.index()).value;
        $("#displayIndex").html(index);
    }
});