JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<body>

<select id='test-select'>
  <option id='option1' value="Firefox_OS">Firefox OS</option>
  <option id='option2' value="Gecko">Gecko</option>
  <option id='option3' value="Gaia">Gaia</option>
  <option id='option4' value="B2G">B2G</option>
</select>
  
</body>
</html>

<!DOCTYPE html>

JavaScript

var selectElement = document.getElementById('test-select');
var option1 = document.getElementById('option1');
var option2 = document.getElementById('option2');
var option3 = document.getElementById('option3');
var option4 = document.getElementById('option4');
selectElement.onchange=function(){
    window.alert('select onchange!');
};
option1.onclick=function() {
    window.alert('option1 onclick!');
};
option2.onclick=function() {
    window.alert('option2 onclick!');
};
option3.onclick=function() {
    window.alert('option3 onclick!');
};
option4.onclick=function() {
    window.alert('option4 onclick!');
};