Edit this page

Show Tooltip on Selected Item in ComboBox


Product Progress Kendo UI Tooltip Progress Kendo UI ComboBox
Operating System All
Browser All
Preferred Language JavaScript


How can I show a tooltip on a selected item in the ComboBox?


  1. Subscribe to the select event of ComboBox.
  2. In the event handler, check the text of the selected item.
  3. Destroy the Tooltip that was previously created.
  4. Create a Tooltip with the text of the selected item.
<input id="combobox" />
        placeholder: "Select product",
        dataTextField: "ProductName",
        dataValueField: "ProductID",   
         select: onSelect,
        dataSource: {
            type: "odata",
            transport: {
                read: {
                    url: "https://demos.telerik.com/kendo-ui/service/Northwind.svc/Products",

            content: "No value selected"

    function onSelect(e){
        var text = e.item.text();
           content: text                
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article