# How to fire change event on select input

**URL:** <https://discuss.emberjs.com/t/how-to-fire-change-event-on-select-input/5685>\
**Category:** Uncategorized\
**Created:** [June 17, 2014, 4:20pm UTC](https://discuss.emberjs.com/t/how-to-fire-change-event-on-select-input/5685 "2014-06-17T16:20:17Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![nadeemkhedr](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/nadeemkhedr/32/15901_2.png) [@nadeemkhedr](https://discuss.emberjs.com/u/nadeemkhedr)\
**Post date:** [June 17, 2014, 4:20pm UTC](https://discuss.emberjs.com/t/how-to-fire-change-event-on-select-input/5685/1 "2014-06-17T16:20:17Z")

</div>

The behavior that i want is when changing the select is to save it’s model

I though about using observable, but i have another problem

my view looks something like this

```
{{#each item in model.Items}}
<div class="select">
  {{view Ember.Select 
    content=typesLookup
    selection=type
    prompt="Select Type"
  }}
</div>
{{/each}}

```

so if i went with the observables solution, what i want is to also know the specific item that has changed to update it

---

<div class="post-metadata">

**Author:** ![jhsu](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/jhsu/32/15587_2.png) [@jhsu](https://discuss.emberjs.com/u/jhsu)\
**Post date:** [June 17, 2014, 5:05pm UTC](https://discuss.emberjs.com/t/how-to-fire-change-event-on-select-input/5685/2 "2014-06-17T17:05:38Z")

</div>

you could set the value on the select and `.observes('someProperty')` from the controller:

```javascript
{{view Ember.Select value=someProperty}}

```

or you could define an action on a select bound to `change`:

```handlebars
<select {{action 'save' on='change'}}>
</select>

```

---

<div class="post-metadata">

**Author:** ![nadeemkhedr](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/nadeemkhedr/32/15901_2.png) [@nadeemkhedr](https://discuss.emberjs.com/u/nadeemkhedr)\
**Post date:** [June 17, 2014, 9:22pm UTC](https://discuss.emberjs.com/t/how-to-fire-change-event-on-select-input/5685/3 "2014-06-17T21:22:48Z")

</div>

To answer my own question

I asked this question in [stackoverflow](http://stackoverflow.com/questions/24268762/how-to-fire-change-event-on-select-emberjs) and got an answer from _kingpin2k_ saying:

add the observer and selection on an itemController.

```
App.FooController = Em.ObjectController.extend({  
  type:undefined,  
  watchType: function() {  
    console.log('this model changed', this.get('model'));
  }.observes('type')
});

{{#each item in model.Items itemController='foo'}}
  <div class="select">
    {{view Ember.Select 
      content=typesLookup
      selection=item.type
      prompt="Select Type"
    }}
  </div>
{{/each}}

```