You need to sign in to do that
Don't have an account?
SFDC pv
How to set the dynamic id for the selected picklist value and how to get the value from that using lightning component(lightning:select)
<aura:iteration items="{!v.freqFlyerList}" var="wrap" indexVar="idx">
<tr>
<th>
<label class="slds-checkbox">
<ui:inputCheckbox aura:id="test" value="" text="{!idx}" />
<span class="slds-checkbox--faux" />
<span class="slds-form-element__label"></span>
</label>
</th>
<th scope="row">
<div class="slds-truncate" title="{!wrap.key1}">{!wrap.key1}</div>
</th>
<td class="slds-truncate">
{!wrap.key2}
</td>
<td class="slds-truncate">
{!wrap.key3}
</td>
<td class="slds-truncate">
{!wrap.key4}
</td>
<td class="slds-truncate">
{!wrap.key5}
</td>
<td class="slds-truncate">
<lightning:select aura:id="ReqPicklist" onchange="{!c.ReqTypechange}">
<option value="">Please select</option>
<option value="val1">val1</option>
<option value="val2">val1</option>
<option value="val3">val1</option>
</lightning:select>
</td>
<td class="slds-truncate">
<lightning:select aura:id="TierPicklist" onchange="{!c.UpgTierchange}">
<option value="">Please select</option>
<option value="val1">val1</option>
<option value="val2">val2</option>
<option value="val3">val3</option>
</lightning:select>
</td>
</tr>
</aura:iteration>
Onchange ctrlr:-
ReqTypechange : function(component, event, helper) {
var pickReqTypeval = component.find("ReqPicklist").get("v.value");
console.log('ReqPicklist-'+ReqPicklist);
},
UpgTierchange : function(component, event, helper) {
var pickUpgTierval = component.find("TierPicklist").get("v.value");
console.log('Tierval-'+Tierval);
},
<tr>
<th>
<label class="slds-checkbox">
<ui:inputCheckbox aura:id="test" value="" text="{!idx}" />
<span class="slds-checkbox--faux" />
<span class="slds-form-element__label"></span>
</label>
</th>
<th scope="row">
<div class="slds-truncate" title="{!wrap.key1}">{!wrap.key1}</div>
</th>
<td class="slds-truncate">
{!wrap.key2}
</td>
<td class="slds-truncate">
{!wrap.key3}
</td>
<td class="slds-truncate">
{!wrap.key4}
</td>
<td class="slds-truncate">
{!wrap.key5}
</td>
<td class="slds-truncate">
<lightning:select aura:id="ReqPicklist" onchange="{!c.ReqTypechange}">
<option value="">Please select</option>
<option value="val1">val1</option>
<option value="val2">val1</option>
<option value="val3">val1</option>
</lightning:select>
</td>
<td class="slds-truncate">
<lightning:select aura:id="TierPicklist" onchange="{!c.UpgTierchange}">
<option value="">Please select</option>
<option value="val1">val1</option>
<option value="val2">val2</option>
<option value="val3">val3</option>
</lightning:select>
</td>
</tr>
</aura:iteration>
Onchange ctrlr:-
ReqTypechange : function(component, event, helper) {
var pickReqTypeval = component.find("ReqPicklist").get("v.value");
console.log('ReqPicklist-'+ReqPicklist);
},
UpgTierchange : function(component, event, helper) {
var pickUpgTierval = component.find("TierPicklist").get("v.value");
console.log('Tierval-'+Tierval);
},
Try this,Hope it will work
ReqTypechange : function(component, event, helper) {
alert(event.getSource().get("v.value"));
},
UpgTierchange : function(component, event, helper) {
alert(event.getSource().get("v.value"));
},
Thanks,
Regards.
Sabir