New to Kendo UI for jQuery? Download free 30-day trial

Disable MultiSelect Options


Product Progress® Kendo UI® MultiSelect for jQuery


How can I disable items in the MultiSelect while the drop-down list remains open?


To prevent the selection, cancel the select event. To prevent the drop-down list from closing, set the autoClose property.

<select id="select"></select>

    $(document).ready(function() {
        function onSelect(e) {
                //prevent selection by cancelling the event
                //prevent closing by setting the autoClose property
                this.setOptions({autoClose: false});
              else {
                this.setOptions({autoClose: true});

        var data = [
            { text: "Disabled", value:"1", unselectableItem: true },
            { text: "Enabled", value:"2", unselectableItem: false }

            dataTextField: "text",
            dataValueField: "value",
            dataSource: data,
            select: onSelect,
            // Set a template to visually distinguish disabled items for the user.
            template: kendo.template($("#template").html())

<script id="template" type="text/x-kendo-template">
    <span class="#: unselectableItem ? 'k-disabled': ''#">
     #: text #
In this article