Ember select s

components.select-component.js

import Ember from 'ember';

export default Ember.Component.extend({
  content: null,
  selectedValue: null,
  lang: false,
 
  actions: {
    createBook() {
                var title = this.get('title');  //This line works fine
                var lang = this.get('lang'); 
      console.log(lang, title);
            },
    change() {
      const selectedEl = this.$('select')[0];
      const selectedIndex = selectedEl.selectedIndex;
      const selectedValue = this.get('content')[selectedIndex];
      this.set('lang', selectedValue.id)
      //this.get('targetObject').send('changeAction', selectedValue.id);
    }
  }
});

controllers.application.js

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  //entityID : null,
  actions: {
    changeAction(vale) {
      alert('Item: '+ vale+ ': is Selected');
    }
  }
  
});

helpers.is-equal.js

import Ember from 'ember';

export default Ember.Helper.helper(function([leftSide, rightSide]) {
  return leftSide === rightSide;
});

routes.application.js

import Ember from 'ember';

export default Ember.Route.extend({
  model() {
   return [{name:"ABC", id: 1}, {name:"CDE", id: 2},{name:"FGH", id: 3}];
  }
});

templates.application.hbs

<h1>Welcome to {{appName}}</h1>
<br>
<br>
{{outlet}}
<label>Choose an Item from drop Down</label>
{{select-component content=model}}
<br>
<br>

templates.components.select-component.hbs

<form>
    <p>{{input type='text' id='title' value=title}}</p>
    <p>
<select {{action 'change' on='change'}}>
  {{#each content as |item|}}
    <option value="{{item.id}}">
      {{item.name}}
    </option>
  {{/each}}
</select>
</p>
<p> <button {{action "createBook"}}>submit</button></p>
</form>

twiddle.json

{
  "version": "0.10.1",
  "EmberENV": {
    "FEATURES": {}
  },
  "options": {
    "use_pods": false,
    "enable-testing": false
  },
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "2.6.0",
    "ember-data": "2.6.1",
    "ember-template-compiler": "2.6.0"
  },
  "addons": {}
}