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

Select

events

Fires as a new color is displayed in the drop-down picker. This is not necessarily the "final" value; for example this event triggers when the sliders in the HSV selector are dragged, but then pressing ESC would cancel the selection and the color will revert to the original value.

select

e.value `String`

The value of the colorpicker.

<div id="colorpicker"></div>
<script>
$("#colorpicker").kendoColorPicker({
  select: function(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
    console.log("The selected color is ", e.value);
  }
});
</script>

<div id="colorpicker"></div>
<script>
function picker_select(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
  console.log("The selected color is ", e.value);
}
$("#colorpicker").kendoColorPicker();
var colorpicker = $("#colorpicker").data("kendoColorPicker");
colorpicker.bind("select", picker_select);
</script>

Select

select

e.value String

e.value `String`