获取并设置Meteor下拉列表

AAW*_*eed 6 meteor meteor-blaze

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

Template.categories.helpers({
    categories: ["facebook", "news", "tv", "tweets"]
});
Run Code Online (Sandbox Code Playgroud)

并在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>
Run Code Online (Sandbox Code Playgroud)

在编辑的情况下,我想用来自数据库(例如新闻)的值来评估它以进行选择.

提前致谢.

Jas*_*ran 10

模板HTML:

<select id="category-select">
    <option disabled="disabled" selected="selected">Please Select</option> 
    {{#each categories}}
        <option value="{{this}}">{{this}}</option>
    {{/each}}
</select>
Run Code Online (Sandbox Code Playgroud)

模板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
    }
});
Run Code Online (Sandbox Code Playgroud)