Show Select 2.0

application.controller.js

import Ember from 'ember';

export default Ember.Controller.extend({
  appName:'Ember Twiddle',

  vehicleIndex: 0,

  vehicle: Ember.computed('vehicleIndex', function() {
    return this.get('vehicles')[this.get('vehicleIndex')];
  }),

  vehicles: [
    {name: 'Ford', year: 1953},
    {name: 'Chevy', year: 1952}
  ],
});

application.template.hbs

<select onchange={{action (mut vehicleIndex) value="target.value"}}>
  {{#each vehicles as |vehicleChoice index|}}
    <option value={{ index }} selected={{is-eq vehicleIndex index}}>{{vehicleChoice.name}}</option>
  {{/each}}
</select>

<p>
  Vehicle: {{vehicle.name}}
</p>

<p>
  Year: {{vehicle.year}}
</p>

helpers.is-eq.js

import Ember from 'ember';

export function isEq(params/*, hash*/) {
  return params[0] === params[1];
}

export default Ember.Helper.helper(isEq);

twiddle.json

{
  "version": "0.4.9",
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "https://cdnjs.cloudflare.com/ajax/libs/ember.js/1.13.9/ember.js",
    "ember-data": "https://cdnjs.cloudflare.com/ajax/libs/ember-data.js/1.13.11/ember-data.js",
    "ember-template-compiler": "https://cdnjs.cloudflare.com/ajax/libs/ember.js/1.13.9/ember-template-compiler.js"
  }
}