How do I pass in more than one parameter to the onChange action for the select element in Ember2.3
<p>I have a <strong>select</strong> element within a loop, and the action I want to be triggered needs to have two parameters: the selected option of the <strong>select</strong> element and the item we are looping with. My code looks like so:</p>

<pre><code>{{#each loopItems as |loopItem|}}
 &lt;select onChange={{action 'fireThis' loopItem target.value }}&gt; 
  {{#each loopItem.subItems as |subItem|}}
    &lt;option value={{subItem.id}}&gt;{{subItem.value}}&lt;/option&gt;
  {{/each}}
 &lt;/select&gt;
{{/each}}
</code></pre>

<p>And my <strong>fireThis</strong> action is like so:</p>

<pre><code>fireThis:function(loopItem, value){
 //Do something here with both. 
 // like loopItem.set('thisProperty', value);
}
</code></pre>

<p>So, in my particular case, the number of subItems is dynamic, and I need to use the selected subItem with the loopItem it is currently under. </p>

<p>Barring refactoring into components (right now, I cannot do that), how would I pass in more than one parameter to the action fired on 'onChange'? </p>

<p>I have tried:</p>

<pre><code>&lt;select onChange={{action 'fireThis' value ="loopItem target.value" }}&gt; 
&lt;select onChange={{action 'fireThis' value ="loopItem target.value" }}&gt;
&lt;select onChange={{action 'fireThis' loopItem value="target.value"}}&gt;
&lt;select onChange={{action 'fireThis' value="target.value" loopItem}}&gt;
</code></pre>

<p>For all of the above, both my params in the function are undefined (or cause another error). The only one that works is:</p>

<pre><code>&lt;select onChange={{action 'fireThis' value="target.value"}}&gt;
</code></pre>

<p>But that only gives me the subItem, not the loopItem. </p>

<p>Unfortunately, the loopItems are newly created Ember Objects, void of any ID parameters, so I cannot give each select element a unique ID either. The ability to pass more than one parameter would pretty much solve my entire problem. </p>