获取并设置Meteor下拉列表

时间:2015-02-15 17:07:29

标签: meteor meteor-blaze

从Meteor中的下拉列表(以及无线电)中获取和选择值的最佳方法是什么。 我创建了一个帮手:

Template.categories.helpers({
    categories: ["facebook", "news", "tv", "tweets"]
});

和html

...
<select class="form-control" id="category">
  {{> categories}}
</select>
...
<template name="categories">
  <option disabled="disabled" selected="selected">Please Select</option> 
    {{#each categories}}
      <option value="{{this}}">{{this}}</option>
    {{/each}}
</template>

如果是编辑,我想用来自数据库(例如新闻)的价值来评估它。

提前致谢。

2 个答案:

答案 0 :(得分:9)

模板HTML:

<select id="category-select">
    <option disabled="disabled" selected="selected">Please Select</option> 
    {{#each categories}}
        <option value="{{this}}">{{this}}</option>
    {{/each}}
</select>

模板js:

Template.categories.helpers({
    categories: function(){
        return ["facebook", "news", "tv", "tweets"]
    }
});

Template.categories.events({
    "change #category-select": function (event, template) {
        var category = $(event.currentTarget).val();
        console.log("category : " + category);
        // additional code to do what you want with the category
    }
});

答案 1 :(得分:1)

Template.categories.helpers({
    categories: function(){
        return ["facebook", "news", "tv", "tweets"]
    }
});

你应该考虑更改模板名称和帮助器,它们不应该相同。