我有一个下拉菜单,但是当用户选择另一个值时,我希望执行一些代码。我的问题:如何检查下拉列表的选定值是否已更改?
在我的 html 文件中:
<template name="jaren">
<form id="yearFilter">
<select class="selectpicker span2" id="yearpicker" >
{{#each jaren}}
{{#if selectedYear}}
<option selected value="{{_id}}">{{jaar}} {{description}}</option>
{{else}}
<option value="{{_id}}">{{jaar}} {{description}}</option>
{{/if}}
{{/each}}
</select>
</form>
</template>
在我的 javascript 文件中:
Template.jaren.jaren = function() {
return Years.find();
}
Template.jaren.selectedYear = function() {
if (Session.get('year_id') == this._id) {
return true;
} else {
return false;
}
}
Template.jaren.events({
'change form#yearFilter #yearpicker': function(event, template) {
Session.set('year_id', template.find('#yearpicker').value);
console.log("value changed");
}
});