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