python ruby-programming-language Smalltalk Vue.js Knockoutjs TypeScript JavaScript, OOPs JavaScript Angular 8,7,6,5,4 and 2 Interview Questions and Answers Angular 8,7,6,5,4 and 2 Interview Questions and Answers Angular 4 Angular 2 AngularJs 1.x NodeJs Perl Programming R Programming RequireJs Rust Programming Backbonejs closure programming language go-programming-language kotlin-programming-language
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>
    @(Html.Kendo().MultiSelect()
       .Name("ExcessUsed")
       .BindTo(new List<string>() {
          "40%",
          "45%",
          "50%",
          "55%",
          "60%",
          "65%",
          "70%",
          "75%",
          "80%",
          "85%",
          "90%",
          "95%",
          "100%"
       })
       .Value(new string[] { "70%", "80%", "90%", "100%" })
       )
</div>
<div class="list-group-item" style="height: 50px;">
    <button class="btn btn-primary pull-right" id="btnSave">Save Setting</button>
</div>


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);
        });
    });
</script>




ANIL SINGH

Hi there! Welcome to my blog. My name is Anil Singh. I'm a author of this blog. For more detail about me, kindly refer to this link..
My Blogs - http://code-sample.com and http://code-sample.xyz
My Books - Interview Questions and Answers Books- Get Your Book in 15+ Digital Stores Worldwide..

You Might Also Like
www.code-sample.com/. Powered by Blogger.
ASK Questions