从更改后的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 
    } 
});