Edit this page

Open ComboBox When onFocus Is Triggered

The following example demonstrates how to make the dropdown list of a Kendo UI ComboBox open when the user triggers the onfocus event.


  <div id="example">
    <div class="demo-section k-header">
      <input id="fabric" style="width: 400px" />
    $(document).ready(function() {
            dataTextField: "text",
            dataValueField: "value",
            dataSource: [
                { text: "Cotton", value: "1" },
                { text: "Polyester", value: "2" },
                { text: "Cotton/Polyester", value: "3" },
                { text: "Rib Knit", value: "4" }

      //Open on focus logic
      $(function() {
        $("[data-role=combobox]").each(function() {
          var widget = $(this).getKendoComboBox();
          widget.input.on("focus", function() {

See Also

For more runnable examples on the Kendo UI ComboBox, check its how-to articles.

Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article