 <p>That code is not very good IMO since it only relies on jQuery instead of using the grid API. You can use the <a href="http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#events-change" rel="nofollow">change</a> event to detect row changes, get the selected rows with the <a href="http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#methods-select" rel="nofollow"><code>select</code></a> methd and the data items with the <a href="http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#methods-dataItem" rel="nofollow"><code>dataItem</code></a> method.</p> <p>So you can start with something like this:</p> <pre><code>$("#states").kendoGrid({ selectable: "multiple", dataSource: { data: usStates }, change: function() { var that = this; var html = ""; this.select().each(function() { var dataItem = that.dataItem(this); html += "&lt;option&gt;" + dataItem.name +"&lt;/option&gt;"; }); $("#select").html(html); } }); </code></pre> <p>(<a href="http://jsfiddle.net/UbeXn/7/" rel="nofollow">demo</a>)</p>