get selected id of kendo drop down value

drop-down-menu, html, javascript, kendo-dropdown, kendo-ui

Solution

In order to retrieve the selected Id you can use the `dataItem` object and access the id within it with `change` event:

 var dataItem = e.sender.dataItem();
 $('#id').text(dataItem.id);

This will get you access to any data within the object too:

$('#name').text(dataItem.name);

Working example

http://jsfiddle.net/ygBq8/1/

Html

<input id="dropdownlist" /><br/>
<span id="id" >Id</span><br/>
<span id="name" >Name</span><br/>

JavaScript

$("#dropdownlist").kendoDropDownList({
                  dataSource: [
                    { id: 1, name: "Apples" },
                    { id: 2, name: "Oranges" }
                  ],
                  dataTextField: "name",
                  dataValueField: "id",
                  index: 1,
                  change: onChange
                });

                function onChange(e) {
                   var dataItem = e.sender.dataItem();
                   $('#id').text(dataItem.id);
                   $('#name').text(dataItem.name);
                  };

Problem

how to get id of selected name from dropdown. whene select `Apples` then got id `1`and select `Oranges` then `2`. this is simple kendo dropdown example. ``` <body> <input id="dropdownlist" /> <script> $("#dropdownlist").kendoDropDownList({ dataSource: [ { id: 1, name: "Apples" }, { id: 2, name: "Oranges" } ], dataTextField: "name", dataValueField: "id", index: 1, select: onSelect }); function onSelect(e) { console.log(e); }; </script> </body> ``` thanks.

Original source