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

Blur the ComboBox after Selection


Product Progress® Kendo UI® ComboBox for jQuery
Operating System Windows 10 64bit
Visual Studio Version Visual Studio 2017
Preferred Language JavaScript


How can I blur the input in a Kendo UI ComboBox after an option has been selected?


The following example demonstrates how to achieve the desired scenario.

  <div id="example">
    <div class="demo-section k-header">
      <input id="combobox" style="width: 400px;"/>
      $(document).ready(function() {
        function onSelect(e) {
          //blur input

        var data = [
          { text: "Item 1", value:"1" },
          { text: "Item 2", value:"2" },
          { text: "Item 3", value:"3" }

          dataTextField: "text",
          dataValueField: "value",
          dataSource: data,
          select: onSelect
    <style scoped>
      .demo-section {
        width: 400px;

See Also

In this article