Edit this page

Blur the ComboBox after Selection

The following example demonstrates how to blur the input in a Kendo UI ComboBox after an option has been selected.

  <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

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