# Events

The SegmentedControl exposes a [`Change()` event](https://www.telerik.com/aspnet-mvc/documentation/api/kendo.mvc.ui.fluent/segmentedcontroleventbuilder) that you can handle.

For a complete example on basic SegmentedControl events, refer to the [demo on using the events of the SegmentedControl](https://demos.telerik.com/aspnet-mvc/segmentedcontrol/events).

The `Change` event fires when the user selects a different segment. The event handler receives the selected item's `value` and the full item data object.

```Razor HtmlHelper
@using Kendo.Mvc.UI

@(Html.Kendo().SegmentedControl()
    .Name("segmentedControl")
    .Items(items =>
    {
        items.Add().Text("Option 1").Value("option1");
        items.Add().Text("Option 2").Value("option2");
        items.Add().Text("Option 3").Value("option3");
    })
    .SelectedValue("option1")
    .Events(ev => ev.Change("onChange"))
)

<script>
    function onChange(e) {
        console.log("Selected value: " + e.value);
    }
</script>
```

## Next Steps

* [Using the SegmentedControl Events (Demo)](https://demos.telerik.com/aspnet-mvc/segmentedcontrol/events)

## See Also

* [Using the API of the SegmentedControl for ASP.NET MVC (Demo)](https://demos.telerik.com/aspnet-mvc/segmentedcontrol/api)
* [SegmentedControl Server-Side API for ASP.NET MVC](https://www.telerik.com/aspnet-mvc/documentation/api/segmentedcontrol)
* [SegmentedControl Client-Side API](https://docs.telerik.com/kendo-ui/api/ui/segmentedcontrol)