Event name when select an option inside a select

html, javascript, jquery

Solution

By default, in most browser happen `change` event when you change `select` and `click` event for `option`.

$('select').on('change', function(event) {
  console.log(event.type);   // event.type is to get event name
});

Problem

I know the event name when we change something in a select is `change` (html: `onchange`), but I would like to know what is the event name when I select (click) a specific option. Example : ``` <select> <option>Option 1</option> </select> ``` When I click on `Option 1`, what event happen ? Only `change` (on the select itself and all option) or something else ? Thanks.

Original source