```html
<osds-select id="myOdsSelect">
  <osds-select-option value="1">Value 1</osds-select-option>
  <osds-select-option value="2">Value 2</osds-select-option>
  <osds-select-option value="3">Value 3</osds-select-option>
</osds-select>
```

```typescript
// vanilla typescript
import {
  OdsSelectValueChangeEvent
} from '@ovhcloud/ods-core';

const odsSelect = document.querySelector('osds-select#myOdsSelect');

odsSelect.addEventListener('odsValueChange', (event) => {
  const evt = event as OdsSelectValueChangeEvent;
  console.log("odsValueChange event", evt.detail);
});
```