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

Readonly

configuration

If set to true, the widget will be readonly and will not allow user input. The widget is not readonly be default and allow user input.

readonly

Boolean

Default: "false"

<input id="dropdownlist" />
<script>
   $("#dropdownlist").kendoDropDownList({
      readonly: true,
      dataSource: [
        { productName: "Product 1", productId: 1 },
        { productName: "Product 2", productId: 2 },
        { productName: "Product 3", productId: 3 },
        { productName: "Product 4", productId: 4 }
      ],
      dataTextField: "productName",
      dataValueField: "productId",
      optionLabel: "-- Please select --",
      optionLabelTemplate:'<span style="color:red">-- Please select --</span>'
  });
</script>