AAWaheed
AAWaheed

Reputation: 152

Meteor Dropdown list get and set

What is the best way to get and select values from a dropdown list (and also in radio) in Meteor. I have created a helper:

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

and in 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>

In case of edit, I would like to evaluate it with value coming from database (e.g. news) to be selected.

Thanks in advance.

Upvotes: 6

Views: 6930

Answers (2)

Jason Cochran
Jason Cochran

Reputation: 316

Template HTML:

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

Template 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
    }
});

Upvotes: 10

sdooo
sdooo

Reputation: 1881

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

And you should consider changing template name and helper, they shouldn't be the same.

Upvotes: 1

Related Questions