function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
Ishav SinghIshav 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