9

ドロップダウンがありますが、ユーザーが別の値を選択したときに、いくつかのコードを実行したいと考えています。私の質問:ドロップダウンの選択された値が変更されたかどうかを確認するにはどうすればよいですか?

私の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");
  }
});
4

2 に答える 2

2

純粋な JavaScript を使用したソリューションは次のようになります。

'change #yearpicker': function (event) {
  var currentTarget = event.currentTarget;
  var newValue = currentTarget.options[currentTarget.selectedIndex].value;
  if(!Session.equals('year_id', newValue)){
    Session.set('year_id', newValue);
  }
}
于 2015-09-22T12:43:40.073 に答える