How to set selected select option in Handlebars template

Answer 1

I just ran into this problem, here's a solution for when the options are dynamic..

Instead of creating a select helper, I created an option helper that accepts the value of the item you wish to be selected.

Handlebars.registerHelper('option', function(value) {
  var selected = value.toLowerCase() === (this.toString()).toLowerCase() ? 'selected="selected"' : '';
  return '' + this + '';
});

And in my template.

{{#items}}
    {{{option ../selected_value}}}
{{/items}}

Please note the ../ to access the parent's scope as it's not likely the selected_value will be inside of the items array.

Cheers.