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

Select

events

Fires when the user changes a Chip selection in the ChipList.

select

Event Data

e.originalEvent `Object`

The original DOM event.

e.sender `kendo.ui.ChipList`

The ChipList instance that triggered the event.

e.item `kendo.ui.Chip`

The Chip item selected.

e.preventDefault `Function`

If invoked prevents the Chip item selection.

<div id="chiplist"></div>

<script>
    $("#chiplist").kendoChipList({
        selectable: "multiple",
        items: [
            { text: "Home", icon: "home" },
            { text: "Info", icon: "info-circle" },
            { text: "Contact", icon: "envelope" }
        ],
        select: function (ev) {
            var item = ev.item;

            alert(item.element.text());
        }
    })
</script>

Select

select

Event Data

e.originalEvent Object

e.sender kendo.ui.ChipList

e.item kendo.ui.Chip

e.preventDefault Function

e.originalEvent `Object`

e.sender `kendo.ui.ChipList`

e.item `kendo.ui.Chip`

e.preventDefault `Function`