Blur the ComboBox after Selection
Environment
| Product | Progress® Kendo UI® ComboBox for jQuery |
| Operating System | Windows 10 64bit |
| Visual Studio Version | Visual Studio 2017 |
| Preferred Language | JavaScript |
Description
How can I blur the input in a Kendo UI ComboBox after an option has been selected?
Solution
The following example demonstrates how to achieve the desired scenario.
<div id="example">
<div class="demo-section k-header">
<h4>ComboBox</h4>
<input id="combobox" style="width: 400px;"/>
</div>
<script>
$(document).ready(function() {
function onSelect(e) {
//blur input
this.input.blur();
};
var data = [
{ text: "Item 1", value:"1" },
{ text: "Item 2", value:"2" },
{ text: "Item 3", value:"3" }
];
$("#combobox").kendoComboBox({
dataTextField: "text",
dataValueField: "value",
dataSource: data,
select: onSelect
});
});
</script>
<style scoped>
.demo-section {
width: 400px;
}
</style>
</div>