Multi DropDown на одной странице

Question

MyCode:

<div class="col-md-9">                         
    @foreach (var item in Model.Entities[0].SharesList)
    {
        <div class="dropdown">
            <button class="btn btn-secondary dropdown-toggle col-md-10 drpdown" type="button" id="shareUi[@(index)]" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" value="@item">
                @item
            </button>

            <input type="hidden" asp-for="@item" id="share" name="Entities[0].SharesList[@(index)]" />
                <div class="dropdown-menu" aria-labelledby="dropdownMenu2" id="dropdownMenu[@(index)]">
                    <button class="dropdown-item dropdownItem2" type="button" value="اینترنتی">اینترنتی</button>
                    <button class="dropdown-item dropdownItem2" type="button" value="اپ">اپ</button>
                    <button class="dropdown-item dropdownItem2" type="button" value="حضوری">حضوری</button>
                    <button class="dropdown-item dropdownItem2" type="button" value="تلفن گویا">تلفن گویا</button>
                    <button class="dropdown-item dropdownItem2" type="button" value="ارجاع">ارجاع</button>
                </div>
        </div>
    index++;
    }
</div>

Мой foreach создает кнопку для элементов в списке, и кнопки, имеющие класс с раскрывающимся списком, находятся внутри тех кнопок, которые имеют класс с раскрывающимся списком. Пользователь должен нажать для каждого элемента в кнопке, чтобы ввести значение в родительскую кнопку. Хотя неясно, сколько кнопок должно отображаться, а идентификатор каждой кнопки неясен, я не знаю, как назначить значения кнопок для родительской кнопки. Спасибо за то, что Друзья