kendo ui multiselect get selected values in jquery

kendo ui multiselect get selected values in jquery

Hello everyone,  I am going to share the code sample for get kendo ui multi selected value using MVC 5 and  jquery scripts.

Table of Contents

1. MultiSelect code sample using MVC 5 and HTML
2. jQuery code sample for get selected value using kendoMultiSelect

MVC 5 Code sample

<div class="multiselect-section">
    <label for="required">Notify me when excess usage reached over</label>
       .BindTo(new List<string>() {
       .Value(new string[] { "70%", "80%", "90%", "100%" })
<div class="list-group-item" style="height: 50px;">
    <button class="btn btn-primary pull-right" id="btnSave">Save Setting</button>

jQuery code sample for get multi-selected value

<script type="text/javascript" >
    $(document).ready(function () {
        var used = $("#ExcessUsed").data("kendoMultiSelect");
        $("#btnSave").click(function () {
            var multiSelectedVal = $("#ExcessUsed").data("kendoMultiSelect").value();
            alert("Selected excess used:\n\n " + multiSelectedVal);


Hey! I'm Anil Singh. I author this blog. I'm Active Blogger, Programmer. I love learning new technologies, programming, blogging and participating the forum discussions more...
My Blogs - and
My Books - Interview Questions and Answers Books- Get Your Book in 15+ Digital Stores Worldwide..

You Might Also Like
Post a Comment Powered by Blogger.
ASK Questions