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

Filter DropDownList by Multiple Properties


Product Progress Kendo UI DropDownList
Operating System All
Browser All
Preferred Language JavaScript


How can I filter the DropDownList items by multiple properties?


  1. Prevent the default behavior of the filter event.
  2. Use the dataSource filter method to apply the custom filtering.
    <input id="customers" style="width: 100%;"/>            

        $(document).ready(function() {
                dataTextField: "ContactName",
                dataValueField: "CustomerID",
                filter: "contains",
                template: `<h3>Name: #: data.ContactName #</h3>
                                        <h4>ID: #: data.CustomerID #</h4>`,
                dataSource: {
                    transport: {
                        read: {
                            dataType: "jsonp",
                            url: "",
                filtering: function(ev){
                    var filterValue = ev.filter != undefined ? ev.filter.value : "";

                    logic: "or",
                    filters: [
                        field: "ContactName",
                        operator: "contains",
                        value: filterValue
                        field: "CustomerID",
                        operator: "contains",
                        value: filterValue
In this article
Not finding the help you need? Improve this article