You need to sign in to do that
Don't have an account?
Ishav Singh
How to display combobox only under the lightning-input field which has a User Action?
I have a JSON which I have extracted. There is a field under the node 'NumberBlockDetails' which is displayed as iterated. Currently based on the iteration, that field 'AreaCode' is displaying four times. It is based on one lightning-input condition only. But now as the user edits any one, the combobox is displayed under all 4 fields of Areacode. How can I display it only on 'Areafield' which has a user Action (like Onchange).
<template for:each={test.NumberBlockDetails} for:item="num">
<ul key={num}>
<lightning-input type="text" label="AreaCode" value={userValue}> </lightning-input>
<template if:true={flagValue}
<lightning-combobox
name=""
options={}
</lightning-combobox>
</template>
</ul>
</template>
Currently for all 4 it is displaying when user clicks inside the field, how to show only under the field which is currently in action by the user for the same lightning-input field.
Can anyone suggest on this
<template for:each={test.NumberBlockDetails} for:item="num">
<ul key={num}>
<lightning-input type="text" label="AreaCode" value={userValue}> </lightning-input>
<template if:true={flagValue}
<lightning-combobox
name=""
options={}
</lightning-combobox>
</template>
</ul>
</template>
Currently for all 4 it is displaying when user clicks inside the field, how to show only under the field which is currently in action by the user for the same lightning-input field.
Can anyone suggest on this