Javascript - 將點擊事件綁定到多個<options>元素

Question

我有一個選擇菜單，我想將單擊事件綁定到<option>元素中的每一個元素。這樣做的目的是在單擊/選擇元素時向<option>元素添加一個類。這是我的HTML和Javascript。我缺乏一種方法來選擇<option>元素並將事件綁定到它們。任何和所有的援助將不勝感激。

HTML：

<div class="row"> 
    <div class="small-12 columns"> 
    <label>Select Menu 
     <select id="SelectMenu"> 
     <option value="husker">Husker</option> 
     <option value="starbuck">Starbuck</option> 
     <option value="hotdog">Hot Dog</option> 
     <option value="apollo">Apollo</option> 
     </select> 
    </label> 
    </div> 
</div> 

的Javascript

function myFunction() { 
    console.log("Click Event"); 
} 
var options = document.getElementById('SelectMenu'); 
for (var i = 0; i < options.length; i++) { 
    console.log(options[i].value); 
    options[i].addEventListener('click', myFunction, false) 
} 

Code example