Meteor 下拉列表获取和设置答案

【问题标题】：Meteor Dropdown list get and setMeteor 下拉列表获取和设置
【发布时间】：2015-04-16 05:02:54
【问题描述】：

从 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>

在编辑的情况下，我想用来自数据库（例如新闻）的值来评估它。

提前致谢。

【问题讨论】：

我已经尽我所能回答了，但我并不知道从您的数据库返回的详细信息。你能给我们更多的细节吗？您通常需要做的是在每个选项中都有一个额外的助手来比较两个值；如果它们匹配，则返回“selected”。

标签： meteor meteor-blaze

【解决方案1】：

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

您应该考虑更改模板名称和助手，它们不应该相同。

【讨论】：

【解决方案2】：

模板 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
    }
});

【讨论】：