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

Add an icon in the DropDownList placeholder


Product Progress® Kendo UI® DropDownList for jQuery


How can I add an icon in the DropDownList placeholder?


    <link href="" rel="stylesheet">
    <input id="dropdownlist" />
        dataSource: [
          { productName: "Product 1", productId: 1 },
          { productName: "Product 2", productId: 2 }
        dataTextField: "productName",
        dataValueField: "productId",
        optionLabel: {
          productName: "Select a product...",
          productId: ""
        optionLabelTemplate: "<span class='k-icon k-i-twitter'></span>"

See Also

In this article