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

ValueTemplate

configuration

The valueTemplate used to render the selected value. By default the widget displays only the text of the data item (configured via dataTextField).

valueTemplate

String|Function

<input id="dropdownlist" />
<script>
let encode = kendo.htmlEncode;
$("#dropdownlist").kendoDropDownList({
  dataSource: [
    { id: 1, name: "Apples" },
    { id: 2, name: "Oranges" }
  ],
  dataTextField: "name",
  dataValueField: "id",
  valueTemplate: ({ name }) => `<strong>${encode(name)}</strong>`
});
</script>