I have used an aura iteration to create a table and I have a picklist field inside that table which uses an aura iteration itself. The problem here is that whenever I select the value of any one of the picklists, all of the picklists show the same value. I am not able to figure out how to prevent the mirroring of values in all picklists. Pasting my code below:
<aura:iteration items="{!v.wList}" var="training" indexVar="idx">
<tr><lightning:select aura:id="industryPicklist" value="{!v.approvals}" name="industryPicklist">
<option value="">--None--</option>
<aura:iteration items="{!v.approvalList}" var="ind" indexVar="key">
<option text="{!ind.TDisplayName__c}" value="{!ind.TName__c}" />
</aura:iteration>
</lightning:select>
</div>
</td>
<td style="border: 1px solid #ddd;padding: 8px;"><div data-record="{!idx}"><lightning:button variant="brand" label="Change Status" title="Click to transfer this training to approval list" onclick="{!c.handleClick3}" value="{!training.Name}" class="{!idx}" /></div></td>
</tr>
</aura:iteration>
Any help in this matter is highly appreciated!