從更改後的select元素獲取選項值

Question

此Meteor客戶端代碼假設在獲取更改後從select html元素中選擇的值，但每當select元素被點擊時它都會獲取整個元素。
如何獲取元素的值，並且只有在元素被更改後才能獲得值？由於

這裏的選項是什麼樣子

<select name="foodItem> 
    <option value="0">   
    <option value="1">   
</select> 



Template.food.events({ 
    "click select[name='foodItem']": function(event, opt) { 
    console.log(opt.find(':selected')); 
    } 
}); 

Answer 1

使用更改事件，而不是

Template.food.events({ 
    "change select[name='foodItem']": function(event, opt) { 
    console.log(opt.find(':selected')); 
    // to get selected value use 
    // event.target.value 
    } 
});