Edit this page

Add Option Labels Manually

The following example demonstrates how to manually add an option label in a Kendo UI ComboBox.

  <div id="example">
    <div class="demo-section k-header">
      <input id="products" style="width: 400px" />
      $(document).ready(function() {
          placeholder: "Select product",
          dataTextField: "ProductName",
          dataValueField: "ProductID",
          filter: "contains",
          index: 0,
          dataSource: {
            type: "odata",
            serverFiltering: true,
            transport: {
              read: {
                url: "https://demos.telerik.com/kendo-ui/service/Northwind.svc/Products",
            requestEnd: function(e) {
              e.response.d.results.unshift({ ProductID:'', ProductName:'All' });

    <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