Meteor.js显示表单中所选选项的总和

时间:2015-09-17 17:42:26

标签: javascript meteor

您好我有一个包含选择列表的申请表。选择列表中的数据存储在数据集中。

我想显示可归因于表单字段中找到的每个选项的所选选项的总和。

有谁知道怎么做。

1 个答案:

答案 0 :(得分:0)

以下是对排行榜示例的修改,以显示:meteorpad example here

<template name="leaderboard">
  <select multiple class="leaderboard">
    <option value="20">Grace Hopper: 20</option>
    <option value="15">Carl Friedrich Gauss: 15</option>
    <option value="15">Nikola Teslar: 15</option>
    <option value="5">Ada Lovelace: 5</option>
    <option value="5">Claude Shannon: 5</option>
    <option value="0">Marie Curie: 0</option>
  </select>
  <h1>  Total:  {{total}}  </h1>
</template>

$(&#39;选项:已选择&#39;)用于查找所选项目:

Template.leaderboard.onRendered(function(){
  Session.set('Total', 'Select (multiple) scientists to see the total of their points');
});

Template.leaderboard.events({
  'click': function () {
    Session.set('Total',  _.reduce( 
         $('option:selected').map(function(i, opt){return Number(opt.value);}), 
         function(a, b){ return a + b; }, 0));
  }
});

Template.leaderboard.helpers({
  total: function(){
    return Session.get('Total');
  },
});